Tempered Lagoon color palette — #FAF3F7 · #C3E6F9 · #83B7E9 · #449E85 · #32375C

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#C3E6F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#83B7E9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#449E85): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#32375C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Periwinkle color palette (#F9EAEE, #B8D7F6, #939DE9, #009097, #37224C)
• Sky Basin color palette (#FFF0FD, #7DEEFA, #18B9F9, #009D60, #042B77)
• Powder Alley color palette (#FAF3F7, #D6D5E5, #A3CCED, #75ADB0, #46536B)
• Hushed Azure color palette (#FAF4EB, #BADECA, #489FD0, #007C7D, #1D3C5D)
• Hushed Blush color palette (#EEDDFA, #EF87B8, #3CBD9D, #009DA8, #352241)
• Powdered Cobalt Balcony color palette (#F7E3ED, #65ABC9, #3E75BC, #005E52, #090029)
• Aged Bloom color palette (#F0E6F1, #6CC0C0, #0091B5, #007329, #00142C)
• Dusty Cobalt Villa color palette (#FBEFE9, #98D2E6, #3E80BF, #005D4B, #301529)

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