Tempered Lagoon color palette — #F1F7F0 · #87D5CC · #349DBB · #00948A · #16291F
A conversation between Fern and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Lagoon (#87D5CC): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#349DBB): A luminous, balanced blue — the color of deep harbor water.
- Fern (#00948A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#16291F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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
- Dusty Cerulean Archive color palette (#EEF8F2, #80D2EB, #6A90CE, #008FAC, #2C1F2B)
- Frosted Azure color palette (#EDF7FA, #8AFCF4, #34ABDC, #009E98, #06141D)
- Cerulean Coast color palette (#F1F7F2, #D2DCDB, #B0C8C7, #25A1A9, #3F4B41)
- Cobalt Market color palette (#F2F8E5, #72BDD8, #458CC4, #7C4E8D, #1C4637)
- Timeworn Pier color palette (#EAF9F9, #8DECC5, #99A9F0, #5BB692, #1E2430)
- Powdered Dune color palette (#E6F7EB, #00C0D9, #0078D6, #007687, #001228)
- Petrol Studio color palette (#D1F7FF, #87D1E9, #449DC8, #006DA5, #00407A)
- Tempered Market color palette (#E5EFE5, #009698, #395787, #005051, #000204)
Browse the whole catalog at Explore, or see today's palette.