Tempered Lagoon color palette — #E9F0E3 · #009A75 · #2D4131 · #1C2017 · #0C0D08

A conversation between Fern and Forest, giving this palette its sense of sophistication.

The five colors

• Cream (#E9F0E3): a clean, paper-quiet neutral.
• Fern (#009A75): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#2D4131): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1C2017): a grounded near-black with real depth.
• Ink (#0C0D08): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Moss Meadow color palette (#F0EEDF, #798D35, #344200, #201F15, #0E0C08)
• Washed Cerulean Chapel color palette (#E0F3E7, #0092AD, #443546, #17211B, #0A0E09)
• Antique Teal color palette (#E0F7F9, #5AAE93, #475C62, #293C3D, #1C2323)
• Turquoise Studio color palette (#E2F9E7, #2CAFBE, #BF7675, #9C6B57, #1A2C1F)
• Wandering Chestnut color palette (#F4F2E8, #C2C89F, #5C8F7D, #716111, #31322B)
• Obsidian Basin color palette (#D3ECD7, #006167, #29363B, #001D2D, #000801)
• Aqua Terrace color palette (#E7F6EC, #58C5D9, #D0828E, #357D8B, #432923)
• Hushed Stone color palette (#F1F5DD, #B4CCA7, #83A193, #75645F, #53413C)

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