Cobalt Boulevard color palette — #FDF3EA · #A6D8CB · #5D73CA · #004F5C · #10002D
Sapphire and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Oat (#A6D8CB): A whisper-light, dusty teal — the color of glacier melt.
- Sapphire (#5D73CA): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#004F5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#10002D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Wandering Terrace color palette (#FFF2EC, #9BD8E0, #0086AF, #005340, #000D1F)
- Airy Bloom color palette (#E0E5D7, #74A0CD, #1054AC, #00364E, #010230)
- Softworn Azure Drift color palette (#FFF2EC, #B3F3FA, #00A0CD, #006D52, #001F3B)
- Hushed Summit color palette (#D9EAEA, #9EC4EA, #3D90FF, #0076A4, #0E1C42)
- Tempered Pier color palette (#DCF9DF, #00AC78, #006B63, #00393D, #001017)
- Weathered Turquoise Alley color palette (#E1FBFF, #00BAD0, #006F7D, #00292B, #000102)
- Hazy Scarlet color palette (#E0F6D8, #00A998, #D9320F, #005A51, #160100)
- Powder Coast color palette (#E4FEE0, #B7EAFF, #97B3FF, #00744D, #001218)
Browse the whole catalog at Explore, or see today's palette.