Tempered Lagoon color palette — #ECF8FB · #B3C99A · #1D6A6B · #123F4A · #21272D
Built around Teal, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF8FB): a clean, paper-quiet neutral.
- Pistachio (#B3C99A): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#1D6A6B): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#123F4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#21272D): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Softworn Stone color palette (#E7F4FC, #EEB49B, #326A7D, #1A3443, #0E1519)
- Tempered Workshop color palette (#F0F6FB, #98C8E3, #5D7AC3, #0E76A1, #282E38)
- Weathered Sand color palette (#ECF9F2, #FEC1A6, #50869A, #395447, #232E29)
- Timeworn Lagoon color palette (#EAF8FF, #6AB85E, #005164, #002C37, #0C1322)
- Petal Cabin color palette (#ECF7FE, #EDD3F4, #81A4BA, #547184, #222D34)
- Lowlit Fern Thicket color palette (#D1E5ED, #386F00, #362D31, #00181C, #000304)
- Softworn Navy color palette (#F1F5FF, #E196A0, #43498E, #222D48, #1C1925)
- Patina Emerald Loft color palette (#D2E0EB, #50A160, #003B54, #001926, #030410)
Browse the whole catalog at Explore, or see today's palette.