Tempered Lagoon color palette — #F5F6EF · #CAE5DD · #82BDC2 · #4A9689 · #33533E

Fern takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CAE5DD): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#82BDC2): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4A9689): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#33533E): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Workshop color palette (#FAF3F0, #C9EAE1, #63A4B6, #4A7B60, #345247)
• Tempered Cerulean Corridor color palette (#F4F6F0, #CCE2E4, #8FB6D9, #4F90A8, #604962)
• Tempered Petrol color palette (#DFE0D1, #71ADB8, #00728A, #004A4B, #001720)
• Worn Atelier color palette (#FAF2F8, #D3D6E9, #99D1E1, #80AE94, #415565)
• Weathered Summit color palette (#EDF0E6, #9ACDE4, #1E90C7, #00697B, #003050)
• Hushed Station color palette (#FFF1F4, #D5B8E0, #66BFD9, #A776B9, #315642)
• Patina Fern Grove color palette (#F8F5EB, #D2CBAB, #9F9F70, #7E7548, #504900)
• Wandering Boulevard color palette (#FFF1F5, #BDA6D5, #D09197, #4A9AD0, #513B43)

Browse the whole catalog at Explore, or see today's palette.