Cerulean Garden color palette — #FBF4ED · #BFE7D6 · #6D8ABF · #266F68 · #5B3D4D

A conversation between Slate Blue and Teal, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#BFE7D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6D8ABF): A luminous, balanced violet — the color of wild irises.
• Teal (#266F68): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5B3D4D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: 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

• Dusty Cobalt Station color palette (#FEF3EB, #99D8F7, #537FC3, #00685D, #3E3570)
• Worn Coast color palette (#F9F4ED, #C4E4E6, #7EA9D6, #008A9C, #593D55)
• Tempered Teal color palette (#EBFBE6, #4EB3A5, #B7718A, #00766A, #613143)
• Hushed Forest Station color palette (#FFF2EE, #B5CCB4, #2C849E, #29612F, #1E3C5B)
• Aged Navy Courtyard color palette (#F3E5DC, #518A9A, #003F6A, #00231A, #05002C)
• Powder Drift color palette (#FAF3F6, #D7DEF5, #9BBDFF, #43ABA2, #404661)
• Lagoon Alley color palette (#D6EABF, #79BB85, #008A72, #006867, #2A486B)
• Weathered Lagoon color palette (#E3FEDF, #70CBC7, #00868A, #004E4D, #003437)

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