Tempered Coast color palette — #FFF2EC · #F8C286 · #AA8213 · #585500 · #1E2800
Mustard and Cantaloupe set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Cantaloupe (#F8C286): A whisper-light, balanced gold — the color of honey in a jar.
- Mustard (#AA8213): A luminous, balanced gold — the color of honey in a jar.
- Deep Olive (#585500): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1E2800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Amber Drift color palette (#FFF1F1, #FFB49F, #C47437, #6F4600, #2F2400)
- Hazy Fern Dune color palette (#FFF4E0, #E0CE70, #859126, #2A6406, #002911)
- Antique Moss color palette (#F9E7C8, #998900, #4F5800, #052601, #000201)
- Misty Amber color palette (#FFDDCD, #D29140, #7B5E00, #4A4500, #273600)
- Feathered Bronze Balcony color palette (#DFFFE5, #E7A76F, #8C8019, #005879, #102813)
- Olive Thicket color palette (#FFD6DB, #F6B199, #C89737, #757D00, #003F1F)
- Antique Olive color palette (#EDEFD3, #558D09, #00512A, #00160F, #000201)
- Weathered Amber Orchard color palette (#E4FDE8, #B08100, #1C3C2F, #041407, #030001)
Browse the whole catalog at Explore, or see today's palette.