Sunlit Sapphire color palette — #F2F4E4 · #67C05B · #3C5ADE · #186E09 · #150212
A conversation between Royal Blue and Clover, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F4E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#67C05B): A luminous, vivid green — the color of a quiet forest floor.
- Royal Blue (#3C5ADE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#186E09): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#150212): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Sunlit Sapphire 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
- Wandering Basin color palette (#EEF5E2, #2BC487, #6B54C4, #006D47, #16020D)
- Lime Hollow color palette (#F4F3E1, #8DB932, #0072A8, #496600, #000D08)
- Sunlit Studio color palette (#E3E7DA, #25A763, #3544B7, #00552D, #060005)
- Pale Ridge color palette (#E7FAF6, #8FCF7B, #8887FF, #2C7A00, #18173D)
- Teal Archive color palette (#F1F8E8, #54B88F, #006F8B, #006647, #00212B)
- Sunlit Byzantium color palette (#ECF5E9, #00C1B4, #A331A1, #006A63, #170206)
- Powdered Emerald color palette (#F1F6D4, #23A328, #6C34A1, #4B3400, #221500)
- Muted Jade color palette (#FFEEE4, #00AA80, #0067A0, #6D2000, #002122)
Browse the whole catalog at Explore, or see today's palette.