Tempered Lagoon color palette — #FBF4EC · #DEE0CB · #A97C41 · #623D00 · #201A13

Caramel and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Bone (#DEE0CB): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#A97C41): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#623D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#201A13): a grounded near-black with real depth.

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

• Tempered Station color palette (#F3EFD2, #B4A345, #354200, #1D2827, #060900)
• Patina Olive color palette (#F6F6E8, #F1E8A8, #658048, #393932, #111004)
• Aged Market color palette (#F9F4EF, #EFDBB9, #B89874, #906227, #332A1F)
• Chestnut Drift color palette (#FBEEF2, #A7CFB2, #7F5828, #422831, #1A1114)
• Worn Mustard color palette (#FBF4EA, #E6BC77, #84BDA1, #A17282, #35312B)
• Twilit Bronze Quarry color palette (#EDE2D2, #9B7300, #261900, #0C0C06, #020100)
• Mustard Quarry color palette (#FCF5E2, #D8B854, #5B5200, #1C1900, #020100)
• Hushed Basalt color palette (#FBF5E3, #D3E6AE, #89AD8A, #427C8B, #444100)

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