Tempered Coast color palette — #FFF3E9 · #E3883A · #007942 · #814300 · #192000
Built around Apricot, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Apricot (#E3883A): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#814300): A full-bodied, balanced gold — the color of old brass.
- Onyx (#192000): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
Use it as a design system
One click turns Tempered 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
- Softworn Amber Courtyard color palette (#FBF4EB, #BA9250, #006C6D, #6A4800, #071E0A)
- Faded Summit color palette (#FFF2ED, #F87266, #4E7200, #A30410, #201E00)
- Quiet Marigold color palette (#E9F6EB, #D29E2C, #607500, #765400, #000C08)
- Aubergine Boulevard color palette (#FFF3E6, #B08400, #247F26, #501879, #3A3700)
- Powdered Mustard Harbor color palette (#FDF4E6, #ECAF28, #769400, #9A6F00, #221D00)
- Amber Villa color palette (#FFE5D0, #BE990F, #687500, #00561A, #003E34)
- Aged Olive color palette (#F5F6ED, #ACCB9B, #5D80A8, #577844, #342A35)
- Lime Studio color palette (#FFF5D2, #FFB375, #A8AF00, #009C7B, #1F3A00)
Browse the whole catalog at Explore, or see today's palette.