Cobalt Veranda color palette — #FCF3EC · #9DCDE5 · #4B78BE · #006157 · #39355A

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Sky (#9DCDE5): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4B78BE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#39355A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Cerulean color palette (#FDF3F0, #97D2CC, #00869F, #3A5D33, #1A3E5A)
• Weathered Aqua color palette (#FFF2EB, #00CCF1, #0073B7, #005843, #242B67)
• Tempered Boulevard color palette (#E6F6F4, #B0CBE0, #3A83B5, #00586C, #03213D)
• Softworn Delta color palette (#FCF3F0, #C9E5C9, #5294AC, #446E4A, #524054)
• Powder Orchard color palette (#FAF3F6, #C3E5FE, #7DB5FA, #009FA2, #303565)
• Hushed Cerulean Workshop color palette (#F3E1D9, #00A2B0, #005070, #00321C, #011037)
• Linen Pier color palette (#F7EED3, #A5A224, #814DAE, #5C5A00, #402954)
• Soft Nightshade color palette (#EEE0D3, #6AA5D4, #3D4CA7, #003E3F, #25153B)

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