Cobalt Coast color palette — #FBF4EA · #94D9FA · #0085D2 · #00656E · #263F69

Azure and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Powder Blue (#94D9FA): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#0085D2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#263F69): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt Coast 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

• Worn Cerulean color palette (#FCF4E8, #8ADFE1, #008FA4, #006954, #06465C)
• Softworn Drift color palette (#FFEEE2, #90DBFF, #4982D6, #006358, #231E46)
• Misty Study color palette (#FFF0F8, #ACE4FF, #559BFF, #008475, #3D3965)
• Quiet Market color palette (#E6FAF8, #D0DCFB, #67C1F8, #00A2BD, #114369)
• Aged Harbor color palette (#F3EEE5, #8DBDAD, #1B66C0, #004E5C, #202A54)
• Worn Field color palette (#F8F5EF, #C8E8EC, #7F9AC9, #2D7991, #604B59)
• Wandering Denim color palette (#F3ECE2, #479BBA, #004F76, #002F32, #00132F)
• Hushed Boulevard color palette (#FFE2ED, #945EDA, #A75D00, #007063, #37264F)

Browse the whole catalog at Explore, or see today's palette.