Tempered Coast color palette — #F5F4FE · #ECD8DB · #977A9C · #474161 · #1B1A23
A conversation between Heather and Charcoal, giving this palette its sense of sophistication.
The five colors
- Ivory (#F5F4FE): a clean, paper-quiet neutral.
- Bone (#ECD8DB): A whisper-light, dusty red — the color of a theater curtain.
- Heather (#977A9C): A luminous, dusty pink — the color of peonies in June.
- Charcoal (#474161): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#1B1A23): a grounded near-black with real depth.
Feels like: Sophistication. Tagged luxury, dark, 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
- Patina Pewter color palette (#FAF2F9, #FFDFC3, #9D6560, #552A27, #170A16)
- Ancient Villa color palette (#F4F4FD, #B3EBE0, #AA91CB, #68698A, #2A2A35)
- Antique Stone Garden color palette (#FCEDF3, #B3CE96, #655A82, #3F2933, #1B1015)
- Dusty Wisteria color palette (#F6F4FB, #E3D8E1, #DB99A4, #CD78BA, #241A26)
- Timeworn Grove color palette (#FFF1F5, #FFCFCF, #CA937F, #747833, #4B3848)
- Worn Veranda color palette (#EFF6FF, #A2C5F9, #91BB92, #45927C, #253344)
- Plum Garden color palette (#F8F2FF, #FFCBB6, #A14281, #55003F, #0B0414)
- Velvet Bronze color palette (#F0EAFE, #B26046, #330030, #1B070E, #030003)
Browse the whole catalog at Explore, or see today's palette.