Tempered Amber color palette — #FDF3E8 · #D07B00 · #0088A8 · #006882 · #382527

Mustard and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3E8): a clean, paper-quiet neutral.
• Mustard (#D07B00): A luminous, balanced gold — the color of old brass.
• Cerulean (#0088A8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006882): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#382527): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Ember Meadow color palette (#FFF2EA, #E26E48, #2F9372, #00726E, #372027)
• Tempered Taupe Cabin color palette (#FBF5E5, #B0A13F, #528DBC, #4A7095, #3A322F)
• Softworn Ultramarine Dune color palette (#FEF1F7, #D29363, #009294, #4755B0, #24152B)
• Ancient Marigold Harbor color palette (#FFF3E4, #E7A04B, #769247, #5F5C91, #403D36)
• Ancient Moss Bloom color palette (#FBF5E6, #AA9D00, #8A6BBE, #645384, #3A241C)
• Fern Quarry color palette (#FDF4E4, #8B7318, #416A20, #2A3A71, #342513)
• Worn Boulevard color palette (#FAF4ED, #DBDFCF, #BBC6B5, #AA8864, #4C4741)
• Feathered Honey color palette (#FFECE4, #F1B763, #A09749, #4B722D, #00492B)

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