Cobalt Veranda color palette — #F8ECE4 · #81D2E9 · #148FCE · #006D61 · #172C54

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sky (#81D2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#148FCE): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D61): A full-bodied, balanced teal — the color of sea glass.
• Navy (#172C54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Azure color palette (#FDF3EB, #9FDFFC, #649AD1, #1D7B78, #2F385D)
• Worn Azure color palette (#EDF9EF, #BCEFFF, #009ED9, #006A69, #001F3B)
• Sapphire Bloom color palette (#F9ECDF, #77BAE7, #3A70D1, #00585E, #1B1647)
• Muted Study color palette (#F0DDD3, #00B7C3, #00718F, #004C37, #001528)
• Washed Coast color palette (#EBDDD2, #529BC5, #1F56A0, #003B3D, #07002B)
• Turquoise Workshop color palette (#FDF3EE, #B2F3EF, #68B2C2, #588768, #285143)
• Pale Blush Market color palette (#EEF1FF, #E2BFF7, #FA95A8, #4E7FB6, #442332)
• Violet Bloom color palette (#E4E4F1, #8366FF, #8A7B00, #29763A, #1E193D)

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