Tempered Lagoon color palette — #EEF8F0 · #6AE2DF · #008A99 · #00543E · #000F16
Lagoon and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Lagoon (#6AE2DF): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#008A99): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Cobalt Canyon color palette (#ECF9EF, #8FD6FF, #2F7EC6, #00505A, #01072C)
- Tempered Station color palette (#E4F3E7, #4BC9E4, #007196, #003E3B, #000307)
- Timeworn Azure Grove color palette (#EEF8F0, #AFF3FF, #1FA0C8, #006B62, #002135)
- Worn Denim color palette (#EDE3DD, #87A686, #006374, #003C20, #000C16)
- Pine Bloom color palette (#ECDFE8, #95CAD8, #00A3BF, #00824F, #002235)
- Turquoise Study color palette (#ECF9EF, #CCDBF5, #00C3E1, #008A71, #003B4F)
- Washed Atelier color palette (#F0F6FF, #E0DCFF, #DD9BF1, #2E77A4, #0D1033)
- Pale Navy Canyon color palette (#D9E7EE, #009FE7, #0064AB, #012681, #060036)
Browse the whole catalog at Explore, or see today's palette.