Tempered Lagoon color palette — #F3F6F0 · #CFDDDA · #ACC3C5 · #00976C · #2E4200

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#CFDDDA): a clean, paper-quiet neutral.
• Stone (#ACC3C5): A luminous, dusty blue — the color of deep harbor water.
• Fern (#00976C): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2E4200): A deep, shadowed, balanced 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

• Aged Lagoon Station color palette (#F2F7F1, #D2DDDD, #D1BAB6, #3DA297, #424B3F)
• Dusty Olive color palette (#F7F5ED, #D4DBD6, #AEC4BD, #7D873B, #3C3B34)
• Patina Coast color palette (#EFF7F8, #CEDBE7, #98B9C8, #07755B, #303D3E)
• Washed Cocoa Alley color palette (#E7E5BA, #AAC2A1, #669788, #7A5E3D, #633D00)
• Cypress Garden color palette (#FDF3EC, #C8B281, #79884C, #107366, #39352F)
• Patina Cypress color palette (#E2E6DF, #BCC7BF, #AF9EB2, #00715D, #192312)
• Softworn Lagoon Grove color palette (#E7F4E7, #009393, #154A3D, #0F2811, #0C0F05)
• Terracotta Quarry color palette (#FFEADE, #80B173, #00869D, #942D00, #013A2A)

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