Dusty Cobalt Veranda color palette — #F6F1E9 · #A8D2C6 · #577AC0 · #00586F · #311529

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Oat (#A8D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#577AC0): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#311529): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Washed Cerulean color palette (#F7F1E8, #A9D3B9, #1387B2, #005C59, #01223C)
• Cobalt Workshop color palette (#EFF8EE, #9FCAEF, #6473B5, #005F61, #353758)
• Weathered Villa color palette (#F5F1EB, #C7E3E7, #799ED4, #3C7484, #432E3E)
• Tempered Cerulean Harbor color palette (#F5EDE1, #3797B3, #004F72, #002C2C, #00040E)
• Antique Atelier color palette (#DFE2C5, #3A9216, #266AD0, #9C2D39, #151500)
• Feathered Byzantium Orchard color palette (#EAEADA, #81B156, #9543B1, #396200, #281031)
• Dusty Pier color palette (#F2F4DC, #ADEBEC, #1AC4C4, #757935, #282D10)
• Hushed Studio color palette (#EDDDD0, #B0936C, #905317, #612D17, #211601)

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