Tempered Lagoon color palette — #DAE1D2 · #F2A284 · #008F63 · #00573A · #070E00

Fern takes the lead with Melon close behind in a set that reads as optimism and balance at first glance.

The five colors

• Bone (#DAE1D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Melon (#F2A284): A luminous, balanced orange — the color of toasted spice.
• Fern (#008F63): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#00573A): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#070E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Soft Delta color palette (#E1DFCD, #E8AA6F, #69842C, #3D5103, #0E0B00)
• Lagoon Bloom color palette (#E8F2E2, #FBB4A4, #289C84, #0E6454, #0F1A07)
• Tempered Studio color palette (#D5E2D9, #EE9DB2, #00879F, #005261, #000F06)
• Coral Workshop color palette (#DAE4D9, #E9857C, #007872, #00423F, #000400)
• Hushed Forest color palette (#CEE3E1, #C1A05A, #006829, #003311, #000F0D)
• Hushed Courtyard color palette (#F3F8E3, #DDB55D, #006227, #001F07, #010100)
• Muted Teal color palette (#EBF0E8, #C9D6D4, #D8B7C3, #00AA91, #273122)
• Ancient Ash color palette (#EEF8F3, #FED3C5, #74A6C0, #4D7766, #202F29)

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