Tempered Lagoon color palette — #FCF3ED · #BDECD9 · #8CB2F4 · #00A195 · #3A3558

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Mint (#BDECD9): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8CB2F4): A luminous, balanced violet — the color of wild irises.
• Fern (#00A195): A luminous, balanced teal — the color of sea glass.
• Navy (#3A3558): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Emerald color palette (#FFF2EF, #CBEAC9, #60C0DE, #599E5C, #203D59)
• Sky Basin color palette (#FFF2EB, #A0E7F8, #4BB3FF, #009B75, #1F2676)
• Weathered Petrol Veranda color palette (#F9F4EE, #C0E3F4, #79ABDB, #007D8B, #192D54)
• Teal Loft color palette (#FBF4EF, #C7DDE8, #DBBADB, #6BB2A4, #654859)
• Worn Iris Coast color palette (#F0E5DA, #90C7F2, #718AED, #007D7D, #261240)
• Ancient Cobalt Boulevard color palette (#F0E7DF, #7CA7C3, #4C6EC9, #005D5A, #0D0025)
• Hushed Lagoon Basin color palette (#E8F3DA, #74D5AE, #FF98A9, #009F74, #56222C)
• Wandering Teal color palette (#E1E7D1, #8ED286, #00B494, #008585, #004454)

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