Dusty Cobalt color palette — #FAF4EF · #C4E5D6 · #5A8AD4 · #0E7166 · #5B3D4E

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C4E5D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#5A8AD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#0E7166): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3D4E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. 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

• Gentle Cornflower color palette (#FFF2EA, #90DAFA, #317EDE, #00685A, #3B3968)
• Washed Cerulean Harbor color palette (#FCF3F1, #CDE4CB, #0099BA, #397139, #2C5047)
• Ash Pier color palette (#FBF4EA, #C7F0DE, #80A9D0, #45868F, #563F54)
• Ancient Cerulean Pier color palette (#EBF5ED, #BEE2FC, #5D92C5, #296871, #1C2C44)
• Quiet Peony Terrace color palette (#EDF9EA, #47B4A8, #C16698, #00766C, #5D3249)
• Patina Onyx Canyon color palette (#F5E8E1, #408C9E, #004067, #002318, #04002D)
• Aged Teal Quarry color palette (#FBF2F6, #D6DEF5, #97C1F3, #43AAAB, #3E4568)
• Aged Denim color palette (#F5E8E3, #61ADB1, #00607F, #00411F, #051E42)

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