Cerulean Garden color palette — #FAF4EF · #BEE7D8 · #7189C0 · #0E716D · #593F4B

Slate Blue and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#BEE7D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#7189C0): A luminous, balanced violet — the color of a velvet chair.
• Teal (#0E716D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#593F4B): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Tempered Cerulean Parlor color palette (#F9F4ED, #BCE9ED, #85A7D2, #3B8696, #593D53)
• Softworn Thicket color palette (#ECF4EE, #C4E0F8, #6390C7, #1A6978, #1F2C42)
• Washed Cerulean Harbor color palette (#FCF3F1, #CDE4CB, #0099BA, #397139, #2C5047)
• Linen Cornflower Pier color palette (#FFF3E8, #93D8FD, #417BE1, #00675F, #3F366C)
• Frosted Cobalt color palette (#D1ECC8, #40C4DE, #0086C1, #2A5892, #5A394C)
• Antique Mallow color palette (#E2FCF1, #EBD9D3, #EAABD9, #478E8B, #554554)
• Feathered Amber color palette (#E9FAF0, #49AECB, #A98400, #00718A, #51400F)
• Forest Study color palette (#FEF2EE, #95D2D2, #0085A8, #056428, #223C5A)

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