Tempered Lagoon color palette — #F9F3F7 · #D6D4E1 · #84C3ED · #009785 · #2C3F61

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Sky (#84C3ED): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009785): A luminous, balanced teal — the color of sea glass.
• Navy (#2C3F61): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Periwinkle color palette (#FBF2F7, #D8D4DF, #7EA8E3, #007E83, #282A4E)
• Aqua Pier color palette (#F5F6EF, #BDEBE7, #5BCDF8, #56A6AF, #2D5043)
• Ancient Denim Boulevard color palette (#F3E9F0, #66B0B5, #005E76, #002D1E, #000103)
• Muted Cerulean Garden color palette (#FCF3EF, #C2E7D0, #4C92BD, #2C6F63, #563F55)
• Weathered Cobalt color palette (#FDF1F6, #A5D1F8, #5775C8, #00505A, #0F002F)
• Linen Mint color palette (#FAF1FF, #EAA3BC, #70BF82, #00A997, #33243B)
• Worn Corridor color palette (#F7EAF1, #88BFDA, #0068B8, #003E3D, #010014)
• Washed Lilac color palette (#F8F2FF, #EBD6DD, #B1C0B7, #B791CD, #53415B)

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