Tempered Lagoon color palette — #F7F1E7 · #B5D0B1 · #008C98 · #005E42 · #002817
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Pistachio (#B5D0B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#008C98): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002817): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Tempered Drift color palette (#F6F1E9, #88E0EC, #0091B3, #006358, #00283D)
- Patina Lagoon Bloom color palette (#E5DED4, #448585, #00444D, #002017, #000203)
- Washed Teal Lagoon color palette (#D5E6DD, #00B59A, #00736D, #005154, #002A32)
- Washed Petrol color palette (#EFE8DD, #83BECF, #00749F, #004B4A, #00172D)
- Softworn Powder Orchard color palette (#E6F7E8, #AEE9FE, #8BB6F7, #0E836F, #11271A)
- Frosted Courtyard color palette (#D0E8D3, #008D94, #9945A9, #775400, #001A05)
- Gentle Crimson Studio color palette (#DFEEDF, #00A6A5, #D43B4B, #006261, #38060C)
- Ash Grove color palette (#F5F1EB, #C3E7EC, #839DC8, #397486, #422F3D)
Browse the whole catalog at Explore, or see today's palette.