Dusty Cobalt color palette — #FDF3ED · #87D2E6 · #2180B4 · #006155 · #273A5C

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Sky (#87D2E6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2180B4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006155): 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

• Timeworn Cerulean Bloom color palette (#FFF2EC, #ABD0B3, #0784AB, #00624B, #15433A)
• Cobalt Market color palette (#FDF3EA, #A1CAEF, #6176AD, #005E6A, #4D3040)
• Muted Cobalt color palette (#FBEFE8, #AFD1BC, #3D82B6, #005E46, #161C41)
• Tempered Delta color palette (#FCF2F8, #B6DAEE, #6C9AC6, #007F65, #2C3959)
• Lagoon Studio color palette (#F1F7F2, #C8E5F5, #6ABDE8, #00A09E, #103D62)
• Patina Onyx Study color palette (#ECDFD6, #3B8CA6, #004067, #00231F, #01002F)
• Airy Denim Courtyard color palette (#EEE2DA, #40ACD6, #00599C, #003E3D, #121946)
• Powdered Indigo Archive color palette (#F9EED1, #AD9F24, #5C5CBC, #615800, #2F3157)

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