Tempered Pier color palette — #DBF0DD · #BC9C49 · #8B6200 · #5F3A00 · #221C00

Ochre and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Honeydew (#DBF0DD): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#BC9C49): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8B6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5F3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Tempered Pier 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

• Antique Amber Station color palette (#D8E8D8, #B38500, #7B5200, #4F2D00, #181100)
• Ancient Bronze color palette (#FBECD8, #AB9E57, #8C5F00, #743500, #303A0A)
• Bronze Workshop color palette (#FDE0EF, #CD9065, #A25121, #702B15, #2C1600)
• Gentle Marigold Studio color palette (#E7F7E8, #D99A16, #5A7700, #795300, #000C08)
• Amber Archive color palette (#E5FDE5, #DED18F, #B68941, #8A4E29, #003025)
• Patina Moss Garden color palette (#F8E88A, #AAA917, #647A00, #2E4C00, #042000)
• Worn Orchard color palette (#FEECF4, #C69EAE, #936B51, #624055, #192717)
• Aged Pine color palette (#E0FADF, #A66F00, #008047, #005551, #1E1100)

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