Cerulean Garden color palette — #FAF4EB · #B5F2F8 · #00A2C3 · #006B5D · #002232

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Sea Foam (#B5F2F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002232): 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 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

• Cornflower Corridor color palette (#FCF4E7, #CBEBFF, #2A95F6, #006876, #101C3C)
• Muted Harbor color palette (#F9F4EE, #BCE5F2, #3EB4E4, #007F7A, #06372D)
• Tempered Chapel color palette (#F1EBE1, #5AAFCA, #005B82, #002B2C, #000104)
• Cobalt Veranda color palette (#FAF4EB, #90D7F5, #0082C2, #005155, #000C23)
• Pale Parlor color palette (#FFF2EC, #FD7F71, #00A5B4, #B51E1B, #001D20)
• Powder Corridor color palette (#F8F4EE, #C2E0F0, #86BFFF, #3390A1, #50354C)
• Muted Harbor color palette (#F7EDDC, #7EBCF7, #2B5ECC, #003B4C, #020013)
• Pale Cabin color palette (#FFF2EC, #E76242, #009B58, #515ACF, #1A0600)

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