Cobalt Balcony color palette — #FBF2F7 · #94D0E2 · #457CB0 · #00624D · #2D3A57

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#94D0E2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#457CB0): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2D3A57): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cobalt Balcony 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

• Aqua Dune color palette (#FFF0FC, #00CFDE, #0078A2, #005933, #113066)
• Timeworn Veranda color palette (#FCF2F5, #BFE1FE, #7588BD, #2B6E6C, #424560)
• Cerulean Loft color palette (#F1F3EB, #AAD3BC, #4285A2, #005A63, #002437)
• Petrol Coast color palette (#FDE8EE, #87B6E4, #5860A9, #004F53, #37224C)
• Weathered Sky color palette (#FAF4EF, #C4EBD5, #66BAF8, #00A194, #263962)
• Wandering Lagoon Pier color palette (#F7E9F7, #25A3A1, #005267, #00330A, #00142B)
• Glacier Station color palette (#DDFDF9, #90F2FD, #8EAFE6, #6A6A3E, #204349)
• Weathered Navy color palette (#F2E2EA, #288CAD, #003C74, #00231C, #08002A)

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