Tempered Coast color palette — #FCF2F7 · #D5E2D5 · #A6C7B6 · #BF5100 · #412B38
Terracotta and Stone set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Bone (#D5E2D5): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#A6C7B6): A luminous, dusty teal — the color of sea glass.
- Terracotta (#BF5100): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#412B38): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Aged Bronze color palette (#EDF9EE, #CEE4D9, #9AC9C0, #9D6D00, #223A24)
- Hushed Atelier color palette (#FFF1F7, #F5D1CD, #BDDABD, #E3761C, #3E2D35)
- Patina Crimson Study color palette (#FAF2FB, #ECD7E3, #D8B892, #DC004E, #412943)
- Ancient Dune color palette (#FDF3EB, #DED0C3, #C2A072, #8B4300, #4E2800)
- Timeworn Bronze color palette (#D0EBD0, #A06B00, #393B00, #271700, #10030A)
- Quiet Nightshade color palette (#F7E0F0, #E4583B, #437A00, #2B00CF, #480800)
- Worn Fern color palette (#E2EEE9, #B5C9C6, #8DABAD, #626600, #0F241C)
- Moss Lantern color palette (#F0F7F5, #D3DCE0, #B6C2CA, #849958, #3D4B47)
Browse the whole catalog at Explore, or see today's palette.