Cobalt Garden color palette — #FDF1F8 · #AEC9DB · #5079B3 · #006155 · #373559

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sky (#AEC9DB): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5079B3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Navy (#373559): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Soft Petrol color palette (#FFF0FC, #72C6D6, #0075AD, #00583D, #1A2B6E)
• Ancient Cypress color palette (#FBF2F5, #C8DFF7, #7E86BA, #007076, #444463)
• Cobalt Canyon color palette (#F6F1E8, #A7D3BD, #3383B7, #005B5F, #2D162E)
• Petrol Corridor color palette (#F2F5FF, #DFD5F9, #E4A69C, #226FA9, #3C3A58)
• Patina Olive color palette (#DFE2FF, #8369B2, #6C7300, #27642D, #302445)
• Tempered Denim Delta color palette (#E7DDE7, #589CA0, #00516B, #003215, #001231)
• Tempered Lagoon color palette (#FFF2EA, #B6E9FF, #8AB5EB, #369F8C, #363659)
• Navy Terrace color palette (#F3E2EA, #61859F, #113583, #002320, #0C0026)

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