Sapphire Grove color palette — #ECEDDC · #419E1D · #1172F6 · #BF1C3A · #202100
Sapphire and Ruby set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECEDDC): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#419E1D): A luminous, vivid green — the color of a quiet forest floor.
- Sapphire (#1172F6): A full-bodied, vivid blue — the color of open sky before noon.
- Ruby (#BF1C3A): A full-bodied, vivid red — the color of late-summer berries.
- Onyx (#202100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Energy. Tagged vibrant.
Use it as a design system
One click turns Sapphire Grove into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Washed Basin color palette (#DFE8CE, #00A061, #6265ED, #B73400, #002714)
- Linen Garden color palette (#F0ECD3, #7A9300, #0082C2, #AF3463, #252000)
- Moss Quarry color palette (#D6FFF7, #57A932, #00939E, #925E00, #031100)
- Frosted Plum Delta color palette (#F3E8D4, #A38200, #008A9C, #A32E9B, #2B1D00)
- Powdered Cabin color palette (#E7F1E4, #009B91, #9F41E3, #945900, #002623)
- Faded Byzantium color palette (#D4E3CE, #009584, #AF2FAE, #932600, #0D2004)
- Worn Alley color palette (#EDFAE3, #2CBE9B, #9C82F3, #B77349, #313C27)
- Pale Peony Courtyard color palette (#D2F1FF, #00ABDB, #E940A9, #868100, #003648)
Browse the whole catalog at Explore, or see today's palette.