Cobalt Veranda color palette — #F9F3F9 · #A1C6FC · #C3767C · #5281C4 · #301F1B

A conversation between Cerulean and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Sky (#A1C6FC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Dusty Rose (#C3767C): A luminous, balanced red — the color of embers at dusk.
• Cerulean (#5281C4): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#301F1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Cerulean Pier color palette (#EEF8F3, #87D0EE, #AF7AAF, #138DB3, #321D21)
• Patina Station color palette (#FBF2F6, #CFC9FF, #CD8771, #8B84BA, #332C28)
• Blush Coast color palette (#F1F6FB, #DAD8F4, #E175A3, #5B8BD0, #170E1B)
• Washed Orchard color palette (#F7F7DC, #A2AAF5, #AA709A, #337253, #523240)
• Dusty Fuchsia color palette (#FBF2F7, #D1CFFF, #E785D9, #9C95E9, #311E20)
• Feathered Garnet Boulevard color palette (#EBF0FF, #BCB6F2, #A77BB1, #964D79, #6E0E23)
• Antique Lapis Pier color palette (#F1F5FF, #A5A8E4, #8E5599, #544CB8, #242035)
• Byzantium Lantern color palette (#FFF1F5, #D7A1F6, #C96900, #9D4CC6, #2C1703)

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