Tempered Coast color palette — #F4DFF8 · #B2004B · #00633E · #003D47 · #100003
A conversation between Magenta Rose and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4DFF8): A whisper-light, dusty pink — the color of peonies in June.
- Magenta Rose (#B2004B): A full-bodied, vivid red — the color of late-summer berries.
- Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003D47): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#100003): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Energy, 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
- Plum Studio color palette (#F4E7FF, #C12682, #06510D, #003E42, #0F0006)
- Twilit Alley color palette (#EED5EB, #A80027, #00482C, #002D44, #040006)
- Wandering Terracotta color palette (#FEDBF1, #A43700, #00605B, #00385D, #0E0100)
- Terracotta Balcony color palette (#F8E1ED, #A04900, #155400, #002B3B, #110016)
- Aged Delta color palette (#EDE2CE, #BB4700, #604500, #00323A, #160700)
- Muted Hollow color palette (#EFEDFC, #9600B0, #515800, #00402E, #0B000F)
- Moonless Corridor color palette (#FBE4F4, #7C1C00, #3D3700, #00202E, #0F0100)
- Dusty Rose Balcony color palette (#E8D9E8, #D34F62, #684E00, #840029, #030200)
Browse the whole catalog at Explore, or see today's palette.