Tempered Lagoon color palette — #F5D6D5 · #9F8300 · #009C6D · #0A0D06 · #020100

Built around Fern, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5D6D5): A whisper-light, dusty orange — the color of autumn markets.
• Moss (#9F8300): A luminous, balanced green — the color of fresh herbs.
• Fern (#009C6D): A luminous, balanced teal — the color of sea glass.
• Ink (#0A0D06): quiet, heavy and certain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Ancient Moss Courtyard color palette (#F9DCCA, #00ACA4, #729400, #050D08, #010100)
• Ember Archive color palette (#F1D7EE, #D55C00, #878B00, #100A04, #030100)
• Wandering Moss Parlor color palette (#DEF1EF, #3BB300, #B67700, #0D0C06, #020100)
• Washed Moss color palette (#EDEAD9, #889800, #005D37, #394100, #010100)
• Worn Harbor color palette (#E6E3FC, #00806F, #7D5B00, #0A0B04, #000200)
• Powdered Grove color palette (#F7E4F2, #009FB4, #D06200, #421F09, #050100)
• Powdered Dune color palette (#D7EDD0, #19A54A, #00673D, #00281C, #000201)
• Antique Fern color palette (#EFEFE2, #D0D2BE, #A2AB85, #3A5800, #030300)

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