Sapphire Grove color palette — #FBD8CC · #2F6BFE · #5E7B00 · #041109 · #020200

A conversation between Sapphire and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBD8CC): A whisper-light, dusty orange — the color of toasted spice.
• Sapphire (#2F6BFE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive Leaf (#5E7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#041109): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Worn Petrol color palette (#F3E0DC, #7C7000, #006AB4, #0A1006, #030200)
• Byzantium Basin color palette (#F5DDDE, #AB01E1, #5F6C00, #071109, #020200)
• Nightshade Orchard color palette (#DFE6D6, #008A62, #2032A5, #00432E, #050004)
• Softworn Workshop color palette (#ECDBC5, #E600C4, #008E99, #001416, #000301)
• Muted Grove color palette (#DAE1D9, #90AD9C, #689086, #00504E, #030C02)
• Cypress Drift color palette (#D3F5EA, #008188, #004F64, #00234F, #020011)
• Faded Magenta Corridor color palette (#FFEAEB, #D208BD, #747F00, #181B00, #000201)
• Frosted Basin color palette (#F3E2F2, #C1A300, #008F63, #192304, #040800)

Browse the whole catalog at Explore, or see today's palette.