Cerulean Garden color palette — #F5F6EE · #B5F2F7 · #00A4B8 · #006A65 · #00232C

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sea Foam (#B5F2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A4B8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Cerulean 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

• Ancient Station color palette (#F3F7EA, #C9EBFF, #009AE8, #00667D, #001F3D)
• Worn Turquoise color palette (#ECEFE2, #53B0CA, #005D79, #002B2F, #000103)
• Patina Turquoise color palette (#F5F6EC, #B9E4F0, #13B8DF, #007E82, #073727)
• Petrol Archive color palette (#E1EDE3, #7AC1C6, #00788D, #004D3F, #001925)
• Patina Powder Quarry color palette (#F5F6EF, #BDE0E8, #9BC7F0, #5D9F9D, #3C5447)
• Powdered Bloom color palette (#FFF5D3, #989800, #00977F, #AF4500, #110C00)
• Patina Sapphire color palette (#EBF1E0, #8EBCE4, #0066C1, #003A51, #000111)
• Hushed Market color palette (#FFF3E2, #C6B170, #966F00, #603E00, #191100)

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