Muted Cerulean color palette — #F7EFF4 · #BDE4EE · #449BAE · #386B4C · #122F43
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Powder Blue (#BDE4EE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#449BAE): A luminous, balanced blue — the color of open sky before noon.
- Pine (#386B4C): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#122F43): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Cerulean 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
- Tempered Cypress color palette (#EFF7F5, #BDE4EE, #4F989B, #007361, #274E5C)
- Antique Balcony color palette (#F7EFF5, #9FD0E4, #1A87B1, #005D4A, #002142)
- Chestnut Courtyard color palette (#E7F7E8, #C29D61, #6391C5, #845C00, #0F2844)
- Timeworn Boulevard color palette (#FBE8F5, #4B979F, #005169, #002D20, #00040D)
- Muted Lagoon color palette (#E7F7E7, #90B69E, #8A704C, #6B4029, #0D2820)
- Weathered Amber color palette (#DDFBE4, #AD872A, #5C80B9, #5666A8, #082511)
- Tempered Bronze Balcony color palette (#FCD9CF, #D38F6C, #A36B12, #644F00, #0C3A28)
- Driftwood Boulevard color palette (#E2F9E4, #BBE3E4, #8DD6D0, #AB7460, #1C3328)
Browse the whole catalog at Explore, or see today's palette.