diff --git a/src/App/index.tsx b/src/App/index.tsx index 0d737e4..a696d18 100644 --- a/src/App/index.tsx +++ b/src/App/index.tsx @@ -178,6 +178,7 @@ export default function App() { + diff --git a/src/App/presets.ts b/src/App/presets.ts index 3702cc2..5146e3f 100644 --- a/src/App/presets.ts +++ b/src/App/presets.ts @@ -1083,5 +1083,106 @@ export const PRESETS: Palette[] = [ hexToRGB("#6d224f") ] ] + }, + { + hues: [ + "Gray", + "Blue", + "Green", + "Red", + "Purple", + "Orange", + "Yellow" + ], + shades: [ + "100", + "200", + "300", + "400", + "500", + "600", + "700", + "800", + "900" + ], + colors: [ + [ + hexToRGB("#F7F9FA"), + hexToRGB("#E7EBEE"), + hexToRGB("#CFD9E0"), + hexToRGB("#AEC1CC"), + hexToRGB("#67728A"), + hexToRGB("#5A657C"), + hexToRGB("#414D63"), + hexToRGB("#1B273A"), + hexToRGB("#111B2B") + ], + [ + hexToRGB("#E8F5FF"), + hexToRGB("#CEECFF"), + hexToRGB("#98CBFF"), + hexToRGB("#40A0FF"), + hexToRGB("#036FE3"), + hexToRGB("#0059C8"), + hexToRGB("#0041AB"), + hexToRGB("#003298"), + hexToRGB("#002A8E") + ], + [ + hexToRGB("#EAF9E8"), + hexToRGB("#CDF3C6"), + hexToRGB("#9ED696"), + hexToRGB("#5DB057"), + hexToRGB("#008539"), + hexToRGB("#006D23"), + hexToRGB("#00550C"), + hexToRGB("#004700"), + hexToRGB("#003F00") + ], + [ + hexToRGB("#FFF2F2"), + hexToRGB("#FFE0E0"), + hexToRGB("#FFB1B2"), + hexToRGB("#FF707D"), + hexToRGB("#DA294A"), + hexToRGB("#BD002A"), + hexToRGB("#990017"), + hexToRGB("#7F0010"), + hexToRGB("#72000E") + ], + [ + hexToRGB("#F7F2FF"), + hexToRGB("#EDE3FF"), + hexToRGB("#D1BBFF"), + hexToRGB("#AE89FF"), + hexToRGB("#8553E7"), + hexToRGB("#6C3ECF"), + hexToRGB("#5127B5"), + hexToRGB("#3E16A4"), + hexToRGB("#340E9C") + ], + [ + hexToRGB("#FFF2E4"), + hexToRGB("#FDE5C0"), + hexToRGB("#FDB882"), + hexToRGB("#F07F23"), + hexToRGB("#CC4500"), + hexToRGB("#B12D00"), + hexToRGB("#892300"), + hexToRGB("#731A00"), + hexToRGB("#631C00") + ], + [ + hexToRGB("#FEF9DF"), + hexToRGB("#FFF6CC"), + hexToRGB("#FFE993"), + hexToRGB("#FFD960"), + hexToRGB("#FFC835"), + hexToRGB("#EAAF09"), + hexToRGB("#B78300"), + hexToRGB("#956300"), + hexToRGB("#7F5200") + ], + ] } ];