Cerulean Ridge color palette — #F8F3F9 · #E8D8D8 · #C9B7A3 · #588EC5 · #322C33
Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Bone (#E8D8D8): bright and airy, almost weightless.
- Stone (#C9B7A3): A luminous, dusty gold — the color of afternoon light on wheat.
- Cerulean (#588EC5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Onyx (#322C33): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cerulean Ridge 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
- Muted Cerulean color palette (#F1F7F2, #D0E0E2, #D2C7B9, #069CA7, #263228)
- Periwinkle Corridor color palette (#F0F6FD, #DBD7E4, #C6BCCE, #81A0D4, #333B46)
- Softworn Petrol color palette (#F6EFF5, #DED2D4, #C1B2BB, #47639A, #261D25)
- Hushed Basin color palette (#FFF1F3, #E3D9D1, #9FB2AD, #B877B6, #442E31)
- Timeworn Violet Drift color palette (#FEF1F7, #E4D8D3, #B1AF97, #8A5BE6, #351B28)
- Pewter Meadow color palette (#FCF3F3, #E2DAD1, #CCC3A7, #9D5E89, #2A191A)
- Blush Lantern color palette (#FFF0FC, #D0D8EC, #BFACAF, #FF7FAB, #331625)
- Emerald Lagoon color palette (#FFF3E7, #D9D29F, #6F9758, #79547A, #312608)
Browse the whole catalog at Explore, or see today's palette.