Tempered Coast color palette — #E4FCED · #7A6600 · #4F39B5 · #39258B · #2A1B36
Built around Indigo, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FCED): A whisper-light, dusty teal — the color of sea glass.
- Olive (#7A6600): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#4F39B5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#39258B): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#2A1B36): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Muted Navy color palette (#E4FDE6, #816000, #004BA0, #003A7E, #34142F)
- Aubergine Lagoon color palette (#D5F2E3, #616100, #401D84, #2B105E, #1C0F25)
- Powdered Coast color palette (#D7FFF6, #648A1A, #661E94, #620F50, #321D32)
- Feathered Ultramarine color palette (#E2FDEE, #8A8000, #424BB2, #690C66, #4B1749)
- Gentle Aubergine color palette (#FFF0F9, #B45500, #7200A9, #6D0024, #2D192F)
- Soft Coast color palette (#FFEEE3, #B84100, #5542B3, #62096C, #230008)
- Moss Field color palette (#FFF2EE, #9C8E00, #007060, #5E2C6E, #023F36)
- Velvet Drift color palette (#D3F9F0, #174E00, #440072, #240040, #120013)
Browse the whole catalog at Explore, or see today's palette.