Tempered Lagoon color palette — #E9F5F1 · #89BFB9 · #4E826A · #6E475C · #042E2B

Fern takes the lead with Charcoal Brown close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#E9F5F1): a clean, paper-quiet neutral.
• Mint Leaf (#89BFB9): A luminous, dusty teal — the color of sea glass.
• Fern (#4E826A): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#6E475C): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#042E2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Cypress Thicket color palette (#E6F6F2, #76ACA9, #07765D, #673A01, #002221)
• Hushed Lagoon color palette (#F9F5E8, #AFB38F, #0C8672, #705054, #424700)
• Patina Teal Balcony color palette (#EBF9F2, #BAE5F3, #69ADA1, #787096, #15403D)
• Antique Lagoon color palette (#F7F6E9, #C2C99E, #51A27F, #8C6379, #414700)
• Pale Canyon color palette (#CEECE9, #3FAA87, #006A62, #77002F, #001C12)
• Misty Byzantium Lagoon color palette (#E6F8E5, #B3833D, #009291, #894DA5, #102410)
• Ancient Petrol Ridge color palette (#EEF4EF, #C9DFF4, #718FBC, #00697F, #22294B)
• Bronze Parlor color palette (#DAFCE0, #CDB281, #986B0F, #573C00, #1D1100)

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