Tempered Lagoon color palette — #F7F1E8 · #C9B07E · #7F9ADC · #8B6C27 · #3F283B

Cornflower takes the lead with Walnut close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Camel (#C9B07E): A luminous, dusty gold — the color of afternoon light on wheat.
• Cornflower (#7F9ADC): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#8B6C27): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F283B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Weathered Bronze color palette (#F8F0E8, #D9A877, #5CA4D6, #9D6218, #16382E)
• Washed Marigold Garden color palette (#E9FBEB, #D3A85D, #8297CF, #8B6D37, #404D65)
• Olive Hollow color palette (#F3F3E6, #A2BD8D, #B289CC, #587F33, #442730)
• Hushed Canyon color palette (#F8F1E4, #BDDFCC, #A4ABBE, #A58362, #393730)
• Softworn Dune color palette (#F9F0E4, #C7BA9C, #967F57, #7B4C0F, #302C1C)
• Worn Lagoon color palette (#FAF1E1, #B19A58, #199EB2, #966590, #2F2614)
• Aged Fern color palette (#F3F2EA, #D6C195, #556A33, #32312A, #15140B)
• Misty Amethyst color palette (#FDF2D1, #B4AC25, #7651E7, #635E00, #22114D)

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