Tempered Lagoon color palette — #EFF7F6 · #D0DBE1 · #B0C1D3 · #648D5D · #2D3F3C

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

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D0DBE1): a clean, paper-quiet neutral.
• Ash (#B0C1D3): A luminous, dusty blue — the color of deep harbor water.
• Fern (#648D5D): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#2D3F3C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Jade color palette (#F5F6EE, #D2DCD7, #ADC8C5, #85AD74, #3B3B32)
• Wandering Pine color palette (#F4F6EE, #CFDED3, #AEB7A6, #3B7246, #3A3C31)
• Hushed Cerulean color palette (#EBF7FE, #D6D8E8, #C4BBDE, #0096B3, #2E434E)
• Tempered Field color palette (#C8E8DF, #92C9CC, #5B98AB, #8C5F58, #563947)
• Muted Bloom color palette (#E8F2F6, #97A7B4, #7387A7, #004F57, #000B11)
• Lagoon Loft color palette (#D8F2F4, #009677, #174656, #03272A, #060F0E)
• Antique Pine color palette (#D7E4E3, #B4C9CC, #7FACBF, #0C7438, #132322)
• Gentle Jade color palette (#FFE6F4, #6EB664, #00888D, #803A58, #053839)

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