Dusty Cobalt color palette — #FCF3EE · #89D2E7 · #1D80B8 · #006156 · #273A5C

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Sky (#89D2E7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#1D80B8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cobalt Studio color palette (#FBF4EC, #9FCAF0, #5A74BD, #005E6A, #502E41)
• Hushed Station color palette (#F9F0EB, #ABD2BA, #4281B5, #005E47, #161B44)
• Dusty Cabin color palette (#FBF2F7, #B8DAEC, #629BCD, #007F63, #30375F)
• Sunlit Balcony color palette (#D2E4DF, #00B1B8, #00768D, #004F70, #303053)
• Muted Lagoon color palette (#DCFFEA, #BADAFF, #C4A1E7, #34807A, #284C3F)
• Feathered Drift color palette (#E7F5FF, #2DA8F5, #00688D, #003F5A, #00273D)
• Washed Lagoon Pier color palette (#EBDBD3, #31A29E, #005360, #003219, #001623)
• Timeworn Navy Ridge color palette (#FAEADF, #3C8BA8, #003F6A, #002220, #02022A)

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