Tempered Lagoon color palette — #EAFAEE · #B69D58 · #7383D1 · #7D6200 · #363E6C

Lavender Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#B69D58): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#7383D1): A luminous, balanced violet — the color of wild irises.
• Olive (#7D6200): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#363E6C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Olive Hollow color palette (#EAF9F4, #97A771, #9E74C3, #5A7000, #4C385F)
• Feathered Chestnut color palette (#FFF1F7, #C4946F, #3D91CC, #975000, #134669)
• Washed Coast color palette (#E2F8EB, #B2A556, #508CE9, #736500, #132746)
• Timeworn Summit color palette (#FDF4E5, #D0B567, #81A0FB, #9B7C00, #55374F)
• Plum Delta color palette (#E6FCEE, #988945, #0089A3, #9B4187, #1B412D)
• Muted Boulevard color palette (#EAFAEE, #8EB19E, #85703B, #6B4A1F, #25443A)
• Magenta Alley color palette (#DDFDF9, #69B96D, #BB43BC, #006016, #581F58)
• Grape Balcony color palette (#C9EFDE, #969B22, #7200EB, #505300, #360077)

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