Tempered Lagoon color palette — #F5F6EE · #D2DDD4 · #B4C2B9 · #618E5D · #3B3E00

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D2DDD4): a clean, paper-quiet neutral.
• Stone (#B4C2B9): a calm mid-gray that lets other colors speak.
• Fern (#618E5D): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#3B3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Fern Terrace color palette (#F7F6E5, #9EBF99, #549064, #6A661A, #35362F)
• Wandering Jade Dune color palette (#EEF8F5, #D0DBE1, #B3C3D3, #84AE6E, #2D3F3B)
• Wandering Basin color palette (#EEF8F2, #CDDDDD, #A1CACE, #0095B5, #2F4639)
• Lagoon Drift color palette (#E0EAD6, #009772, #34462C, #1D2415, #0C0F06)
• Forest Coast color palette (#E4ECDF, #ADB8AA, #839E85, #006151, #0C1804)
• Jade Lantern color palette (#F5F0CC, #67B583, #118B76, #1E598A, #0A3A27)
• Cerulean Loft color palette (#E2F5DA, #9EBC9F, #629AAB, #816377, #5D404D)
• Mint Workshop color palette (#F0F9E3, #A6E69F, #63D9A8, #00B2A8, #003E2E)

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