Tempered Amber Pier color palette — #FFF0F9 · #C36E4F · #00707F · #35447B · #392852

Caramel takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#C36E4F): A luminous, balanced orange — the color of toasted spice.
• Teal (#00707F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#35447B): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#392852): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Timeworn Courtyard color palette (#FFF0F9, #BF8973, #347C84, #6B4562, #473B5B)
• Navy Boulevard color palette (#FCEFE3, #B97F46, #22764D, #00417A, #380726)
• Dusty Drift color palette (#F7F3FF, #AD71A1, #427137, #3B4278, #3C294D)
• Denim Basin color palette (#FFF1F6, #CA9A6C, #4E9165, #00639A, #51244B)
• Soft Basin color palette (#FFF1F7, #BD743D, #007082, #6E2F4B, #53211E)
• Weathered Aubergine Garden color palette (#FFDDED, #A95200, #005372, #460076, #3B0034)
• Weathered Cypress color palette (#FBF3F6, #C0E2F8, #6D8CB6, #097264, #3C4667)
• Hushed Delta color palette (#FEEFFF, #CAA6B3, #638B82, #5C5F7E, #514659)

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