Tempered Amber color palette — #FCDFDD · #B67D34 · #346D41 · #443864 · #2E0F20

Built around Caramel, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FCDFDD): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#B67D34): A luminous, balanced gold — the color of honey in a jar.
• Pine (#346D41): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#443864): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#2E0F20): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Muted Chapel color palette (#FCEADD, #89915F, #007468, #55293A, #300F0C)
• Olive Harbor color palette (#F9D8C6, #7D7F00, #23604F, #362146, #1D082A)
• Dusty Lagoon Meadow color palette (#FBD6CC, #ABA074, #568565, #604852, #411F2E)
• Timeworn Veranda color palette (#E8E2D4, #A09B63, #566939, #054F4B, #0E3247)
• Washed Quarry color palette (#FFE1F8, #C78078, #6F5F1C, #234B40, #00271D)
• Patina Oat color palette (#FFF2E7, #D7C788, #809864, #3F5C78, #282B4F)
• Frosted Moss color palette (#F0E5D1, #6FB042, #007F82, #642449, #3F112C)
• Bronze Harbor color palette (#F3E2D8, #A98000, #665E00, #173C00, #001B0A)

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