Cobalt Veranda color palette — #FDF3EC · #ACCEC1 · #5F77AD · #00605C · #3D335A

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#ACCEC1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5F77AD): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3D335A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Forest Meadow color palette (#FBF3F1, #B7CBB7, #0085A5, #00651D, #153C63)
• Cobalt Veranda color palette (#FFF2EB, #7CC3DB, #0070C0, #005746, #28266F)
• Cobalt Atelier color palette (#ECF4ED, #ACCCE5, #347FC6, #005A65, #10203A)
• Softworn Parlor color palette (#FBF4EA, #B3E0CE, #4E9AE4, #007A89, #4A3047)
• Pine Villa color palette (#FCF3F0, #CFE3D0, #4095B7, #21743E, #563E57)
• Muted Onyx Dune color palette (#F2E3DD, #619AA4, #004F75, #003220, #030744)
• Hushed Powder Coast color palette (#FEF1F7, #BEE7FF, #92B2EF, #3E9D95, #333854)
• Patina Bronze color palette (#F4E2CA, #9F7000, #00769F, #375389, #3B2700)

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