Ancient Lagoon color palette — #CCE6D2 · #008F9E · #B5382A · #00535C · #530200

A conversation between Brick and Espresso, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CCE6D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008F9E): A full-bodied, balanced blue — the color of deep harbor water.
• Brick (#B5382A): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#00535C): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#530200): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Brick Courtyard color palette (#D8E7DA, #00909C, #B93622, #005057, #2A0200)
• Aged Rust color palette (#DAF7E6, #0A9DBD, #B85932, #006175, #5A2208)
• Feathered Plum color palette (#D3E5C9, #00947C, #B42C6B, #005647, #4D0629)
• Gentle Corridor color palette (#EDD5ED, #307DDE, #8B6100, #004692, #382500)
• Petrol Harbor color palette (#E6FBF3, #61A7D9, #BC773B, #006CA2, #5A3A1E)
• Worn Harbor color palette (#C4EDF8, #00788D, #922F82, #5C4C00, #00242C)
• Coral Station color palette (#C5E4F0, #00C5D9, #FF6867, #0093A2, #4C0F11)
• Tempered Chestnut Delta color palette (#FFE9D3, #A1824A, #7A4800, #5B2500, #2C2400)

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