Tempered Harbor color palette — #F3E8D9 · #BC8000 · #005B49 · #513500 · #000201

Mustard and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E8D9): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BC8000): A luminous, balanced gold — the color of old brass.
• Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#513500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

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

• Tempered Olive Garden color palette (#E5E0D1, #817F08, #00454A, #2E2D00, #000102)
• Muted Bronze Studio color palette (#F6DAC3, #857800, #005032, #310036, #010100)
• Pale Coast color palette (#FDEACB, #919100, #1E5D00, #002715, #000201)
• Faded Ember color palette (#F9E5DD, #DB635A, #265C00, #75010A, #010100)
• Dusty Fern Atelier color palette (#F1EEE6, #D0D1C3, #A0AB91, #554F00, #040200)
• Misty Quarry color palette (#F4F7EB, #65B77D, #005CBA, #005E2C, #030004)
• Quiet Grove color palette (#E0EFE6, #AC9C00, #008B31, #746900, #000300)
• Aged Honey Meadow color palette (#FFF4E1, #F1BB0B, #009094, #856600, #000202)

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