Tempered Lagoon color palette — #F0F8EE · #C2D9CC · #BA9BB8 · #00695F · #283823
Built around Pine, softened by Mauve — the whole palette hums with sophistication.
The five colors
- Ivory (#F0F8EE): a clean, paper-quiet neutral.
- Oat (#C2D9CC): A whisper-light, dusty teal — the color of shallow lagoons.
- Mauve (#BA9BB8): A luminous, dusty pink — the color of neon signs at night.
- Pine (#00695F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#283823): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Forest Pier color palette (#F4F6EE, #C7D8C6, #8DB0A0, #006D39, #2E3800)
- Ancient Workshop color palette (#F0F7F4, #E2D7D8, #C2ADB2, #0F6A9C, #2E3F39)
- Antique Cypress color palette (#E7F5F8, #C3D7E1, #8FB0C7, #006966, #031E24)
- Worn Loft color palette (#F2F7F2, #D4DCDC, #BBAFA3, #3F9191, #4E544E)
- Lagoon Orchard color palette (#EFF8EE, #D1E4D6, #9ACAB6, #008985, #2A3729)
- Timeworn Quarry color palette (#E7F9FC, #CEDCF7, #BDBCDD, #00B09F, #1D383C)
- Pewter Studio color palette (#DFE6E0, #909D99, #856579, #003236, #000D03)
- Misty Quarry color palette (#ECF3E4, #5BACA1, #3671AB, #544C00, #00431E)
Browse the whole catalog at Explore, or see today's palette.