Tempered Coast color palette — #FAF1FF · #C10E5E · #005D4B · #004235 · #102131
A conversation between Magenta Rose and Pine, giving this palette its sense of energy and balance.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Magenta Rose (#C10E5E): A full-bodied, vivid red — the color of a theater curtain.
- Pine (#005D4B): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004235): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#102131): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Energy, 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
- Misty Brick Station color palette (#FEF0FF, #C80028, #005670, #003F54, #141F2F)
- Plum Lagoon color palette (#FFECEF, #964997, #00545A, #003155, #19030F)
- Softworn Terracotta color palette (#FFEAF2, #953E00, #004A55, #0F2E44, #1C082F)
- Muted Peony Balcony color palette (#CDFAE9, #D24E91, #804D00, #004660, #3C293B)
- Muted Terrace color palette (#F4F4FF, #8F26B5, #3A5500, #283C00, #00242D)
- Worn Orchid Alley color palette (#F4F4FF, #9F68BC, #007F7D, #005173, #171F39)
- Pewter Veranda color palette (#F9F3FA, #E4D5D6, #A9B8AB, #8A505D, #403742)
- Chalky Terracotta color palette (#F8DAF3, #E87E95, #A44505, #543A00, #2D3200)
Browse the whole catalog at Explore, or see today's palette.