Cobalt Veranda color palette — #FAF2F8 · #9FCDE1 · #0083B1 · #00624F · #243C57

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sky (#9FCDE1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0083B1): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#243C57): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Studio color palette (#FFF0FA, #4CCECD, #007B91, #005936, #003753)
• Ancient Thicket color palette (#F1F3E9, #AAD3B7, #1189A6, #005B5E, #002433)
• Weathered Cerulean color palette (#FAF3F6, #C5E1F4, #618DC3, #007072, #3B4763)
• Timeworn Balcony color palette (#F9EAEF, #88B8D7, #1361D1, #004F53, #282852)
• Lilac Coast color palette (#E8F8FF, #C4E4FF, #B7A3F3, #1B7A6F, #2A4253)
• Frosted Alley color palette (#DBF7EE, #00ADA0, #007887, #00536E, #123C57)
• Abyss Quarry color palette (#F3E9EF, #4B8B9C, #004161, #00231E, #000721)
• Brick Meadow color palette (#CBEBF7, #008A95, #C41E3C, #775300, #07303D)

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