Tempered Amber color palette — #FAF5EA · #B29808 · #006980 · #5D4F00 · #0C1C14
Mustard and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF5EA): a clean, paper-quiet neutral.
- Mustard (#B29808): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#5D4F00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#0C1C14): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Tempered 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
- Moss Terrace color palette (#F6F6E7, #71AD34, #00697D, #355C00, #0A1D12)
- Timeworn Amber color palette (#FDF3EA, #CD8836, #007046, #714300, #151B0A)
- Hushed Petrol color palette (#F7F6EA, #A7B86E, #0079A4, #596716, #182821)
- Mustard Courtyard color palette (#EEF8F1, #D1B14B, #00919D, #8A6E00, #001C25)
- Moss Balcony color palette (#FFEADA, #5F9902, #006964, #5A2D54, #2F312B)
- Patina Basin color palette (#EEF9E8, #00BCA0, #544FC8, #006555, #2A1423)
- Feathered Mustard color palette (#EFFBDB, #CFC500, #35BB6E, #00889F, #2D302A)
- Timeworn Olive color palette (#E2DED0, #7C7C00, #004753, #343400, #000502)
Browse the whole catalog at Explore, or see today's palette.