Tempered Lagoon color palette — #EEF7F9 · #D4DCE7 · #B4B0BE · #339C94 · #253133

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF7F9): a clean, paper-quiet neutral.
• Silver (#D4DCE7): bright and airy, almost weightless.
• Ash (#B4B0BE): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#339C94): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#253133): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Station color palette (#EFF3ED, #CCD9D8, #C3B0C4, #007566, #1B2318)
• Iris Summit color palette (#F0F6FE, #DCD8E2, #BCAEA8, #6B8FE0, #293548)
• Timeworn Ridge color palette (#E2E9F1, #B3BBCA, #8B90AB, #033B73, #000104)
• Hushed Ash color palette (#E7F9FF, #BDDDF5, #8FA4C7, #7E657C, #4E2C3D)
• Driftwood Dune color palette (#EAF9F1, #CAD6AA, #719665, #406C6F, #0D2E25)
• Softworn Sky color palette (#E9F8FF, #BDDAF0, #67B6FF, #AFA5BA, #00242F)
• Aqua Basin color palette (#E2FEE7, #54CCCB, #3A87B0, #7A394A, #002633)
• Wandering Meadow color palette (#F1F5FE, #DDD8E2, #CBBBCE, #636EBF, #191E2A)

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