Cobalt Boulevard color palette — #F7EFF4 · #91D3E7 · #3D83B1 · #005C52 · #102138
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Sky (#91D3E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3D83B1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#102138): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Boulevard 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
- Timeworn Iris Hollow color palette (#FAEEF2, #BAE2FF, #6D8DC8, #006B73, #222A46)
- Forest Station color palette (#FBF3EF, #A6D1B7, #4E7DA6, #00624C, #30375F)
- Hushed Cobalt Boulevard color palette (#F7E3E9, #85B9E7, #4965B7, #004A53, #160E31)
- Navy Meadow color palette (#E9D9E2, #3083A0, #003E68, #001F1D, #00000C)
- Turquoise Study color palette (#F4F7EA, #D5D7E7, #5EB2D4, #007D88, #0A372A)
- Raspberry Harbor color palette (#F2E7FF, #CB309A, #008351, #006A60, #190E23)
- Tempered Stone color palette (#F6EEFF, #F7D3C0, #DEAD79, #6E5D8A, #2F2033)
- Antique Pier color palette (#F0E3FD, #EA6EB5, #1B9053, #7B1E58, #00230F)
Browse the whole catalog at Explore, or see today's palette.