Tempered Coast color palette — #F5EED4 · #C19B00 · #919A00 · #408916 · #030400
Olive Leaf and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EED4): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#C19B00): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#919A00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#408916): A full-bodied, vivid green — the color of a quiet forest floor.
- Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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
- Marigold Parlor color palette (#D6F1E5, #D19700, #7E8400, #006F3F, #010100)
- Chalky Emerald Drift color palette (#D3E6D4, #7FB200, #00AF43, #00896B, #000301)
- Tangerine Veranda color palette (#F8E6D4, #FE7322, #CC7E00, #967100, #050200)
- Worn Emerald color palette (#E2ECDB, #519A5A, #1C7C5E, #1F4E62, #001022)
- Ancient Harbor color palette (#DBF5E3, #009655, #A95800, #006538, #0D0300)
- Hushed Orchard color palette (#F3EEDB, #C1571A, #605B00, #004943, #010100)
- Pale Chartreuse color palette (#DBE6C9, #3FE825, #00CF84, #00AF99, #001B10)
- Chartreuse Pier color palette (#F2F3D8, #C5E100, #87DB5F, #1DC27D, #002B05)
Browse the whole catalog at Explore, or see today's palette.