Ash Lagoon color palette — #F2F2EA · #C1E8DC · #67A9AD · #3F776B · #273C2D

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F2EA): a clean, paper-quiet neutral.
• Celadon Mist (#C1E8DC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#67A9AD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3F776B): A full-bodied, dusty teal — the color of sea glass.
• Forest (#273C2D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Ash 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

• Aged Cypress Summit color palette (#F1F7F2, #CFE1F2, #76A1B1, #4A7A67, #375769)
• Hushed Harbor color palette (#E8EBDD, #70BFDF, #0074A0, #004A55, #001829)
• Lagoon Coast color palette (#E9EADD, #1F8890, #00444E, #001F1E, #000202)
• Tempered Cerulean Parlor color palette (#F1F4E2, #86DFF5, #0091B4, #006166, #00293A)
• Ancient Hollow color palette (#F8F1E4, #BDE1C6, #B3B3BD, #9A8870, #3D3A33)
• Patina Delta color palette (#FFF0D8, #BC9642, #679C73, #A16567, #2F2616)
• Powdered Delta color palette (#E9F0DC, #5FA2DF, #21579C, #00364D, #00032F)
• Ash Lantern color palette (#FCF0E2, #D8AA71, #C186B3, #8F6939, #43292B)

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