Tempered Harbor color palette — #F3E3D2 · #AD7B2B · #6E4100 · #361800 · #020100
A conversation between Caramel and Bronze, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F3E3D2): A whisper-light, dusty gold — the color of old brass.
- Caramel (#AD7B2B): A luminous, balanced gold — the color of afternoon light on wheat.
- Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#361800): A deep, shadowed, dusty gold — the color of old brass.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Softworn Workshop color palette (#F6ECD0, #868E00, #554F00, #292100, #010100)
- Chestnut Cabin color palette (#F8E1CB, #BF9053, #8A5000, #4F2400, #070300)
- Worn Bronze color palette (#FFF3E4, #DCB55B, #A67300, #6D4200, #1E1800)
- Worn Rust Thicket color palette (#FFF2EB, #DDA485, #BF4E1C, #792619, #1F0D00)
- Airy Station color palette (#FFE2E6, #E15461, #950509, #380D00, #030100)
- Cocoa Pier color palette (#F6DFCE, #803E00, #253700, #001B13, #000102)
- Softworn Amber color palette (#FFF2EB, #FFC09D, #D97047, #924538, #3C2002)
- Ember Workshop color palette (#FCEAEC, #E35F2D, #4C0048, #110502, #030003)
Browse the whole catalog at Explore, or see today's palette.