Tempered Lagoon color palette — #F6F1EA · #DFBD90 · #009694 · #906931 · #0F190E

Cerulean and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Sand (#DFBD90): A luminous, dusty gold — the color of old brass.
• Cerulean (#009694): A luminous, balanced teal — the color of shallow lagoons.
• Walnut (#906931): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0F190E): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Emerald Coast color palette (#F9F0EC, #F4AFA5, #4C955F, #A05C53, #15170D)
• Weathered Harbor color palette (#F2F2EB, #B4CE91, #0091B0, #617C34, #0C1912)
• Sand Orchard color palette (#F0F8F0, #F7C97F, #40AEB0, #A68655, #233034)
• Timeworn Dune color palette (#F6F2E5, #BAAA00, #007C71, #665D00, #020D00)
• Emerald Cabin color palette (#FFF0D8, #C3C694, #629B63, #006547, #003133)
• Patina Lagoon Orchard color palette (#FCEFE4, #B2AF6D, #378A6A, #674367, #2E2D1D)
• Patina Bronze color palette (#F4F2EB, #D3D9D2, #A1B9B7, #978139, #38362E)
• Pale Villa color palette (#EBF1DD, #007C43, #002391, #003318, #030003)

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