Tempered Amber Coast color palette — #F7F3FE · #D69CC1 · #B48046 · #387852 · #2B455C
Built around Caramel, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F3FE): bright and airy, almost weightless.
- Mauve (#D69CC1): A luminous, balanced pink — the color of peonies in June.
- Caramel (#B48046): A luminous, balanced gold — the color of old brass.
- Pine (#387852): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2B455C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Amber Coast 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 Grove color palette (#F2F5FF, #B3A6E8, #C87061, #5D7144, #294657)
- Tempered Delta color palette (#FCF1FA, #E79A8F, #80964F, #2A7386, #413F5A)
- Hushed Shell color palette (#FFF2EF, #FBB6C0, #C08D6B, #746C3E, #4F2C39)
- Dusty Mallow color palette (#FFF1F3, #E9B2E4, #B6AA75, #49968E, #024D49)
- Blush Meadow color palette (#FCF1FF, #F16391, #957100, #00654D, #00305F)
- Washed Ash Studio color palette (#F8F2FF, #D9C8DC, #C19FB1, #6D8E8E, #45555B)
- Timeworn Courtyard color palette (#FFDEE8, #C27A00, #007E43, #004D72, #3E0044)
- Weathered Coral color palette (#FAF1FF, #F8B4BA, #DF7B73, #AA6A5B, #644857)
Browse the whole catalog at Explore, or see today's palette.