Cobalt Veranda color palette — #FFF0F9 · #9FD8ED · #1F82D9 · #006856 · #373A6B

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#9FD8ED): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1F82D9): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006856): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#373A6B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Worn Sapphire color palette (#FFF0F8, #72C4E6, #006BD3, #00574B, #2E2960)
• Pale Forest Corridor color palette (#FAF2FA, #8DDFDC, #008DAE, #006C1D, #16426B)
• Hazy Cobalt color palette (#F8F1E5, #95DCF4, #008DC8, #006263, #012549)
• Periwinkle Studio color palette (#FAF3F6, #D9DEEF, #7D98D3, #2F7D78, #4C5169)
• Ancient Bronze color palette (#D5F0FF, #008EAC, #A06200, #685B00, #003744)
• Patina Denim color palette (#F1E2EC, #3A9EB5, #004D7D, #003124, #0A0A3B)
• Feathered Sky color palette (#EBF7FF, #24B9FC, #006CA9, #004067, #002C42)
• Timeworn Mallow color palette (#EAF7FF, #DCD7EF, #E898E3, #008971, #274E69)

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