Tempered Coast color palette — #FFF0FA · #FFAA90 · #3591E9 · #8F4BD5 · #5C0033
Built around Amethyst, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Melon (#FFAA90): A luminous, balanced orange — the color of autumn markets.
- Azure (#3591E9): A luminous, balanced blue — the color of deep harbor water.
- Amethyst (#8F4BD5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Mulberry (#5C0033): A deep, shadowed, balanced rose — the color of pressed rose petals.
Feels like: Trust, Stability, 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
- Softworn Drift color palette (#CDEFF8, #00C0BF, #0092DD, #7217F6, #430036)
- Chalky Aubergine color palette (#FFF2EA, #FF8957, #009474, #5E329F, #3B0635)
- Linen Villa color palette (#E5FAFB, #86D0B6, #39B0CB, #537BC4, #422D55)
- Feathered Sapphire Canyon color palette (#DFFCFF, #00D5B0, #00A9CF, #4061F8, #48105B)
- Weathered Ultramarine color palette (#D1E8F6, #007E9E, #353ACB, #580066, #060001)
- Quiet Ultramarine color palette (#FFE7F1, #CC7019, #3747C4, #6D0078, #170002)
- Dusty Field color palette (#FFF1F5, #D98500, #488B00, #2B3BCD, #541C00)
- Hushed Lime color palette (#DFFCF8, #6DD262, #00AFA8, #007EB4, #2D206B)
Browse the whole catalog at Explore, or see today's palette.