Ancient Lagoon color palette — #F9F4EE · #C2DFEB · #B0C0E9 · #58A0A1 · #59455B

Built around Eucalyptus, softened by Sky — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C2DFEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#B0C0E9): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#58A0A1): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#59455B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Patina Garden color palette (#F9F4EE, #C5DDE4, #99CFCE, #649F97, #31564A)
• Weathered Azure color palette (#F1F7F2, #D5DEF0, #66A1C6, #3B7A7B, #435467)
• Cobalt Canyon color palette (#FCF4E7, #93D8EB, #0085B4, #00514F, #000D1D)
• Periwinkle Grove color palette (#FAF4EB, #D9D5DF, #7CAFFF, #00849F, #262E68)
• Timeworn Hollow color palette (#EEE7DB, #7CA9C2, #005793, #002A30, #000009)
• Chestnut Pier color palette (#FFF2E9, #DEDCCB, #D6B4A4, #98BEB9, #754803)
• Hushed Pier color palette (#FFF2EA, #ECD8BC, #92D8F0, #C6896C, #2C4F3E)
• Sand Workshop color palette (#FFF3E9, #FDBB92, #84CBB6, #A398D1, #3D3732)

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