Tempered Coast color palette — #FFE9E4 · #B1C476 · #00ADAE · #A5567F · #30312A
Magenta Rose and Turquoise set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FFE9E4): A whisper-light, dusty orange — the color of sun-warmed clay.
- Pistachio (#B1C476): A luminous, balanced green — the color of fresh herbs.
- Turquoise (#00ADAE): A luminous, balanced teal — the color of shallow lagoons.
- Magenta Rose (#A5567F): A full-bodied, balanced rose — the color of pressed rose petals.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged retro, muted.
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
- Sunlit Lantern color palette (#FFEADD, #DBB649, #4EAC88, #8E5DA4, #32302A)
- Seafoam Alley color palette (#FFF2EF, #9FD8A0, #5CB2CD, #B16978, #34422A)
- Mint Hollow color palette (#F4F3E2, #9DBF6F, #9E83CA, #A05274, #4B142E)
- Quiet Aubergine Hollow color palette (#FFF4E2, #8FC88B, #009284, #683881, #1D2504)
- Bronze Lagoon color palette (#FBF5E5, #B0D7A6, #6EAF9C, #9B803A, #35362F)
- Timeworn Basalt Delta color palette (#F2DFBD, #D0C2A4, #9DAA8D, #A16E6E, #544415)
- Quiet Corridor color palette (#FFDBD5, #00CF9B, #189EED, #B62217, #003030)
- Hushed Moss color palette (#F3E0DC, #69AD36, #008596, #8D2958, #001C10)
Browse the whole catalog at Explore, or see today's palette.