Ancient Cerulean Courtyard color palette — #F8EEF5 · #8CD7D3 · #0A8B9F · #1C5D38 · #022337

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8EEF5): bright and airy, almost weightless.
• Lagoon (#8CD7D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0A8B9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#1C5D38): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#022337): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cobalt Ridge color palette (#F9EEF3, #9DCFEB, #4C7EBB, #005B5C, #141F39)
• Patina Loft color palette (#FFF2EE, #B5CDB3, #398399, #2B612E, #1F3D5A)
• Lagoon Villa color palette (#E8DCE4, #008A8C, #004352, #002112, #000103)
• Worn Cypress color palette (#FBF4EA, #C1DEBE, #53A3AD, #177E5E, #004252)
• Dusty Ash Market color palette (#F8EFF2, #DAD0E2, #879BCB, #3C757E, #30354A)
• Weathered Corridor color palette (#F9E1F9, #DE244B, #007F7B, #006777, #1E0C1E)
• Wandering Villa color palette (#F9EAF2, #4495B2, #004D7D, #002C29, #01001E)
• Feathered Alley color palette (#F8E0F9, #E8596C, #008E8C, #922A3A, #002221)

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