Tempered Coast color palette — #F1D7E8 · #7C83F0 · #687C02 · #3615B1 · #050700
Indigo and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F1D7E8): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender Blue (#7C83F0): A luminous, vivid violet — the color of wild irises.
- Olive Leaf (#687C02): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#3615B1): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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
- Aubergine Drift color palette (#FEE1EB, #A573E5, #607E02, #590098, #040700)
- Aged Ultramarine Coast color palette (#EDD7E8, #5774E0, #916900, #2932D6, #0A0500)
- Aubergine Balcony color palette (#ECD9E4, #605BBF, #00625A, #28007B, #000201)
- Linen Amethyst color palette (#EEEEFF, #6D47EC, #746700, #006539, #02000D)
- Ancient Thicket color palette (#D0F2E6, #2A9ADB, #964400, #005A87, #0F0300)
- Worn Peony color palette (#F0DADC, #D656C0, #008936, #730065, #000901)
- Airy Ridge color palette (#E9EEFF, #664DD0, #A41321, #3A0095, #140001)
- Airy Byzantium Boulevard color palette (#E9EFE1, #009E77, #8A00CE, #1F0730, #060002)
Browse the whole catalog at Explore, or see today's palette.