Tempered Coast color palette — #FFF1F3 · #CD9DCF · #78A86E · #8D5F90 · #4D4E46
Built around Moss, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Mauve (#CD9DCF): A luminous, balanced pink — the color of a candy shop window.
- Moss (#78A86E): A luminous, balanced green — the color of fresh herbs.
- Slate (#8D5F90): A full-bodied, balanced pink — the color of neon signs at night.
- Charcoal Brown (#4D4E46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Aged Pewter color palette (#FFEDEE, #CFA2C9, #89A86D, #935B8C, #32312B)
- Weathered Powder color palette (#FFF0FA, #9FAAF0, #A99860, #656DA6, #504D46)
- Blush Harbor color palette (#FFF2EE, #E8959E, #46AAAC, #A05B63, #3D543E)
- Wandering Driftwood color palette (#F6F3FF, #DDB5D9, #9DBC8B, #AB78A6, #27574E)
- Timeworn Studio color palette (#FFF1F2, #E2D8D1, #ABB09C, #987984, #614E4D)
- Softworn Wisteria color palette (#FFF1F2, #BD7FB4, #9F873D, #42818D, #523C3E)
- Dusty Petal Harbor color palette (#FFF1F2, #F7BAE3, #A57299, #673F59, #503032)
- Antique Ridge color palette (#FFF2EA, #D3B193, #AC7047, #894A2F, #643F00)
Browse the whole catalog at Explore, or see today's palette.