Tempered Lagoon color palette — #FCF3EE · #C4DFEB · #96BEF0 · #009782 · #3A3B5F

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Powder Blue (#C4DFEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#96BEF0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009782): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3A3B5F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Worn Cypress color palette (#FAF4EE, #C3E3F6, #8FA4E0, #007F7D, #33254F)
• Hushed Dune color palette (#FBF2F7, #BEE2F8, #648DBC, #207160, #3E475E)
• Ancient Turquoise color palette (#FFF0F8, #E6D9D4, #AAB3AB, #66A8CD, #55363E)
• Softworn Denim color palette (#FCEBE3, #69AFBA, #005B84, #002D1B, #00000C)
• Patina Summit color palette (#FEF2EF, #9DD9D5, #0088A5, #045610, #000D1E)
• Worn Ultramarine Studio color palette (#F7ECE2, #80C0E3, #205ED0, #003E39, #030011)
• Amber Ridge color palette (#FFF1F4, #D1A9E3, #C0A95A, #AC8F20, #3D222A)
• Violet Alley color palette (#DAFFEE, #CDE1FF, #939EF6, #7E55AD, #522C4C)

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