Tempered Coast color palette — #F4F4FF · #CAA7E4 · #ACA95D · #9967BC · #474508
Built around Amethyst, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#CAA7E4): A luminous, balanced violet — the color of a velvet chair.
- Sage (#ACA95D): A luminous, balanced green — the color of fresh herbs.
- Amethyst (#9967BC): A luminous, balanced violet — the color of a velvet chair.
- Deep Olive (#474508): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Jade Field color palette (#F6F3FF, #D8A3D3, #6DB883, #A3689E, #244C31)
- Worn Ridge color palette (#FFF1F5, #E2C7FF, #BFC25B, #9C75C2, #3A3831)
- Tempered Mustard color palette (#EEF6FF, #8ABCF3, #B1A84A, #4883C3, #484418)
- Sunlit Grape Archive color palette (#FFF1F6, #A695C9, #8B9031, #7449B3, #434612)
- Hazy Moss color palette (#F3F4FF, #AE96DE, #7BA85E, #3A9270, #323552)
- Patina Station color palette (#E7FCEA, #BFC293, #A18C65, #805C70, #25443F)
- Plum Courtyard color palette (#FAF1FF, #FF9CC1, #00B590, #B61E6B, #004636)
- Tempered Pewter color palette (#F5F4FF, #9BD4AE, #876193, #423E5B, #21202D)
Browse the whole catalog at Explore, or see today's palette.