Tempered Lagoon color palette — #F1F5FF · #7679BC · #8F6931 · #3B5E24 · #29324A

Slate Blue and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate Blue (#7679BC): A luminous, balanced violet — the color of wild irises.
• Walnut (#8F6931): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#3B5E24): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#29324A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Muted Cobalt color palette (#EEF6FF, #4085C6, #9C5E50, #635100, #253444)
• Lilac Corridor color palette (#F5F3FF, #AA70B1, #8B542E, #1F5523, #0C3D55)
• Pale Bronze Loft color palette (#ECF2FE, #7280C9, #A56226, #086333, #11192C)
• Ash Study color palette (#F4F4FF, #A282B2, #878054, #326D50, #3C3B4C)
• Dusty Olive color palette (#FFF1F6, #A990D1, #C47867, #4D7F21, #442A35)
• Raspberry Archive color palette (#F7F3FF, #B53E9F, #5C7100, #005650, #3F1D38)
• Pewter Terrace color palette (#F4F4FC, #E1D8E1, #C9BBC4, #83669A, #47474F)
• Wandering Corridor color palette (#E0E2FF, #881ADC, #6C5600, #004A1B, #290D44)

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