Tempered Lagoon Basin color palette — #D7E4CC · #009677 · #2F4730 · #1C2513 · #0C0F05

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Celadon Mist (#D7E4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009677): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2F4730): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1C2513): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0C0F05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Worn Dune color palette (#DBE9DA, #00A4A2, #3B5446, #253225, #161A12)
• Muted Lantern color palette (#F0F3D7, #439725, #334800, #222310, #0F0D04)
• Lagoon Harbor color palette (#E2FBFD, #00A180, #003E3E, #001315, #000201)
• Jade Bloom color palette (#CAE6E8, #00B689, #276C7B, #284243, #05100D)
• Twilit Corridor color palette (#E3EADD, #007558, #072E1B, #0E1704, #020601)
• Peony Basin color palette (#CAEFD6, #00A7C0, #BD63B0, #8E7512, #10331F)
• Hushed Fern color palette (#F7F6E6, #99C199, #528F73, #6D6518, #35362F)
• Washed Grove color palette (#CEEDE5, #008AE5, #39426A, #002E26, #06150F)

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