Tempered Lagoon color palette — #FCF3EF · #CAEFD6 · #69ACDD · #318D6C · #563F51

Fern takes the lead with Cornflower close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#CAEFD6): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#69ACDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#318D6C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#563F51): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Powder Archive color palette (#F9F4EF, #C4E1F3, #9DAEEC, #449596, #614B54)
• Hushed Azure Study color palette (#FCF3EF, #9FEAF3, #00A8E7, #008754, #273E6D)
• Quiet Tangerine color palette (#E8FBEC, #41CCDE, #F0834E, #0091A0, #5F3623)
• Wandering Powder Harbor color palette (#F5F6EC, #BCEAE4, #7ECAE3, #56A7AA, #2E5041)
• Turquoise Villa color palette (#DAE8C1, #5FD7C9, #00ABBB, #0076A5, #314868)
• Aged Loft color palette (#E8FBEE, #DCD6E1, #E9BEEE, #64A382, #375448)
• Worn Spruce color palette (#F4E4DE, #56A19F, #00627A, #003F10, #000919)
• Washed Boulevard color palette (#F9EBE4, #8BD0E4, #008CE0, #006E56, #232955)

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