Tempered Harbor color palette — #FFEFE0 · #CBA200 · #713D00 · #341900 · #0F0500

Gold takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEFE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#CBA200): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#713D00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#341900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark, muted.

Use it as a design system

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

• Hushed Mustard color palette (#FFF1F6, #B9A120, #6D3800, #3D1D00, #28131D)
• Patina Summit color palette (#F7F2DC, #DC9800, #4A5200, #1F2300, #0A0700)
• Garnet Delta color palette (#FFEEE7, #BDA900, #91071A, #3B0F0F, #110401)
• Soft Marigold Courtyard color palette (#FAF0E5, #E79100, #00813D, #804E00, #080B00)
• Bronze Field color palette (#FFF1F6, #DBB562, #975800, #563000, #28131C)
• Amber Grove color palette (#EEDDC8, #AF8700, #4F3200, #1C0F00, #030100)
• Patina Stone Station color palette (#F1F3E9, #E6BA8B, #466C4E, #30322B, #13150B)
• Feathered Mustard Balcony color palette (#FFDDB1, #B2A800, #577A00, #004A2A, #001F1D)

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