Cerulean Garden color palette — #F0F7F3 · #E8D7DB · #D8B9B5 · #3C8AAC · #2F3F38
Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#E8D7DB): a clean, paper-quiet neutral.
- Stone (#D8B9B5): A luminous, dusty orange — the color of sun-warmed clay.
- Cerulean (#3C8AAC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2F3F38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cerulean Garden 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 Boulevard color palette (#EEF6FD, #D8D8EB, #ACB3C4, #346A8B, #343C41)
- Weathered Indigo color palette (#FEF1FA, #F0D6DD, #DEAEC4, #596AD9, #3D2D39)
- Ancient Garden color palette (#FDF2F5, #E9D6CC, #D4BDA0, #9970C2, #4A3B40)
- Hushed Petrol color palette (#DBE2DF, #CDBFC8, #C098A2, #006799, #0B251D)
- Cornflower Alley color palette (#EFE1ED, #4479EA, #58323F, #2A1C29, #05100B)
- Ancient Olive Boulevard color palette (#FDF3EC, #CBB082, #7D8921, #7C5766, #39352F)
- Tempered Basalt Harbor color palette (#E7F0E3, #92BEDC, #A77B89, #4D6F52, #3E4600)
- Hushed Station color palette (#F8EED0, #00B6CA, #7069C6, #5D5800, #0F392C)
Browse the whole catalog at Explore, or see today's palette.