Timeworn Amber color palette — #F0DBE4 · #FF8C7A · #C77A00 · #786B00 · #033004
Built around Mustard, softened by Salmon — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F0DBE4): A whisper-light, dusty rose — the color of strawberry cream.
- Salmon (#FF8C7A): A luminous, balanced orange — the color of autumn markets.
- Mustard (#C77A00): A luminous, balanced gold — the color of old brass.
- Olive (#786B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#033004): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Timeworn Amber 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
- Airy Harbor color palette (#FFD2D7, #FFA488, #D1933A, #7C7A00, #003F1B)
- Hushed Blush color palette (#F1E6F3, #FF80B5, #DF684F, #875900, #292800)
- Hazy Apricot color palette (#FFE9E7, #FD9225, #A29300, #427300, #002F1F)
- Patina Tangerine Field color palette (#FFEAE7, #F97D24, #9D6200, #5E4400, #2C2800)
- Powdered Blush color palette (#EADFAE, #FF7B85, #A38500, #2968A9, #381B05)
- Timeworn Lagoon color palette (#F7DEC7, #CA7200, #575725, #342E29, #0A0301)
- Hushed Amber Boulevard color palette (#F5DAD4, #C78300, #777700, #115906, #000D0C)
- Mustard Meadow color palette (#FFF2F0, #FFCA94, #C7AE50, #6E9048, #00493C)
Browse the whole catalog at Explore, or see today's palette.