Tempered Lagoon color palette — #E7F2E9 · #409A96 · #00545C · #002D1F · #000508

Storm Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Storm Blue (#409A96): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00545C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002D1F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000508): quiet, heavy and certain.

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

• Weathered Station color palette (#DEEBE1, #5992B0, #004C81, #002B30, #00021A)
• Weathered Lagoon color palette (#F5DCD5, #00A49F, #005265, #033305, #001529)
• Teal Orchard color palette (#EAE0CF, #45B5B0, #00747F, #004C36, #00171F)
• Cerulean Parlor color palette (#EEF4EF, #9DD1E1, #008B9F, #005D4A, #002436)
• Washed Spruce color palette (#F6E9F7, #7DC6C1, #00738B, #064106, #000308)
• Softworn Lagoon color palette (#E4EBE5, #8BB8E1, #3567C1, #00495A, #0F1133)
• Eclipse Fern color palette (#C7E7D6, #5C6915, #3D3700, #211600, #000202)
• Pale Hollow color palette (#E1DFFC, #8619AA, #245700, #420057, #010400)

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