Dusty Cobalt color palette — #FAF3F6 · #CBDFF1 · #6C8AC3 · #006F79 · #3C4667

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

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Powder Blue (#CBDFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6C8AC3): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F79): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3C4667): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Antique Alley color palette (#FAF3F7, #C5E2EA, #5096A7, #007547, #224C66)
• Azure Summit color palette (#F1F3EC, #BEE7D9, #5191D4, #1D6783, #392339)
• Ancient Station color palette (#F6E6EF, #4E89A0, #003F69, #002220, #02002F)
• Denim Coast color palette (#F8EBF5, #62ACB8, #005F81, #003F32, #001F41)
• Cobalt Harbor color palette (#FFF1F6, #C69368, #508CD0, #945300, #274465)
• Petrol Meadow color palette (#FFF0FB, #6CC8D1, #00799A, #005841, #00355B)
• Dusty Petrol color palette (#F5EBEF, #9AB4CF, #4D63AB, #004E59, #2F2259)
• Powder Summit color palette (#FCF4EC, #D9E1F8, #9BBEFB, #62A5AB, #5B3D4F)

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