Dusty Cobalt Ridge color palette — #FCEFE6 · #9AD1E7 · #437EC1 · #005D4E · #321429

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Sky (#9AD1E7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#437EC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#321429): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Aged Cerulean color palette (#FCEEEA, #93D5D7, #0088AE, #275C35, #09213C)
• Muted Iris color palette (#F7F1EA, #B5E9DA, #7C89C4, #28696B, #40212E)
• Cobalt Balcony color palette (#F4F7EC, #A8CFBC, #2281B0, #005D6C, #1A3E59)
• Weathered Stone Coast color palette (#FFEBF9, #F6CEFB, #EBA593, #3F6B85, #341A26)
• Softworn Periwinkle color palette (#F0F8F1, #D7D6E4, #60AEE7, #267C82, #192F4C)
• Tempered Violet color palette (#EEE0E7, #936EFF, #4C6800, #005B34, #210B18)
• Dusty Delta color palette (#F1DBD3, #149CA2, #00516B, #002E13, #000411)
• Misty Iris Pier color palette (#D3EFFF, #6394FF, #6059C2, #502E6A, #361130)

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