Tempered Amber Pier color palette — #F5F0DB · #B28600 · #2C2E00 · #0A0C06 · #010100
A conversation between Mustard and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F0DB): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
- Deep Forest (#2C2E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#0A0C06): a grounded near-black with real depth.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered Amber 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
- Midnight Bronze color palette (#E0E4CA, #9A7300, #002304, #060C06, #000200)
- Marigold Villa color palette (#E1F5DE, #C79A2C, #004642, #1F292F, #000A09)
- Bronze Summit color palette (#E0EFE8, #896600, #433736, #1E1F00, #040500)
- Hushed Moss color palette (#EDEBD3, #769E13, #005A53, #304400, #000201)
- Mustard Canyon color palette (#F0F9E8, #D9B66B, #006046, #001E14, #010100)
- Worn Emerald Boulevard color palette (#E0F3DD, #00A967, #006155, #002626, #000102)
- Faded Pine color palette (#F2F8E5, #FFD26F, #00804A, #00391E, #060900)
- Weathered Harbor color palette (#F6F6EC, #CADDCB, #768F67, #4B4900, #1C1C14)
Browse the whole catalog at Explore, or see today's palette.