Cobalt Veranda color palette — #EFF6FD · #9BCBF0 · #A27CC4 · #1F88C8 · #222233

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Sky (#9BCBF0): A whisper-light, dusty blue — the color of deep harbor water.
• Wisteria (#A27CC4): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#1F88C8): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#222233): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Timeworn Hollow color palette (#F0F5FF, #B2C0FF, #BF739A, #6A79CA, #291F31)
• Iris Hollow color palette (#EBF8FC, #71D8D6, #7789D9, #009392, #1D2432)
• Worn Lilac color palette (#EEF8F4, #D4DCFA, #B486DF, #3A91CC, #1D0C13)
• Tempered Cabin color palette (#E6FCEA, #9AAFEB, #9876B1, #795F30, #353C54)
• Cerulean Lantern color palette (#F1F5FC, #DCD9E2, #C4BDC9, #748FC2, #424852)
• Quiet Blush Courtyard color palette (#F0F7F2, #85E5FF, #EC89BC, #23B3D1, #311E1E)
• Wandering Garnet color palette (#E9F2FF, #AEB8FC, #9A88D3, #7A5192, #642159)
• Worn Plum Study color palette (#EFF6FA, #6EBBD2, #A15268, #006B81, #2C1E31)

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