Tempered Coast color palette — #FFF1F6 · #A59C6C · #4B6F2F · #3E4A6A · #213C2E
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Moss (#A59C6C): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#4B6F2F): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#3E4A6A): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#213C2E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Cypress Bloom color palette (#E9FAF1, #7DA87D, #007363, #57415F, #1A3C39)
- Dusty Fern color palette (#FDF0DD, #ABA165, #606B29, #5C3B49, #231B05)
- Mustard Pier color palette (#EAFAEB, #C4B663, #7C874D, #5C6085, #243B2F)
- Muted Lagoon color palette (#F0F7F4, #A1CAC8, #498F88, #6A607A, #395351)
- Hazy Terracotta color palette (#FBE8F6, #CE6E5C, #008B84, #942F1D, #003F3B)
- Ancient Forest color palette (#FAF2FA, #A0CDDB, #0085A8, #006529, #233C59)
- Antique Forest Parlor color palette (#DFF0DE, #7E7E3B, #07540D, #302552, #1C1C00)
- Taupe Boulevard color palette (#FEF3E7, #D3CB9A, #93A971, #99788D, #38352E)
Browse the whole catalog at Explore, or see today's palette.