Tempered Coast color palette — #FFF0D8 · #BBBB8A · #6E995F · #066B43 · #273C20
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#BBBB8A): A luminous, dusty green — the color of fresh herbs.
- Moss (#6E995F): A luminous, balanced green — the color of new leaves after rain.
- Pine (#066B43): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#273C20): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. 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
- Softworn Fern Workshop color palette (#FEE2CB, #C7AB81, #968B41, #4E691D, #34362F)
- Muted Forest color palette (#EEF6DA, #C3D3AA, #519570, #006038, #002915)
- Antique Emerald Corridor color palette (#FFF5D5, #AEBD80, #61923F, #386D47, #4F524B)
- Washed Alley color palette (#EBEBC8, #8DC0A7, #37998B, #006C72, #133D31)
- Ancient Corridor color palette (#DBFFED, #A4E6DB, #94C084, #438D57, #1C5455)
- Moss Summit color palette (#F1F1DE, #83AD3A, #00834E, #004F42, #002F34)
- Olive Villa color palette (#F3F3E5, #A3BD8D, #BC89AF, #597F30, #44243D)
- Chestnut Ridge color palette (#F9F0E7, #C5BAA1, #9C7C58, #784A3E, #2E2D1B)
Browse the whole catalog at Explore, or see today's palette.