Tempered Coast color palette — #F1F8E6 · #C6E1D2 · #A7C9BB · #19B377 · #2B3900
A conversation between Jade and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Silver (#C6E1D2): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A7C9BB): A luminous, dusty teal — the color of sea glass.
- Jade (#19B377): A luminous, balanced teal — the color of sea glass.
- Forest (#2B3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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 Moss Hollow color palette (#F6F6EB, #CEE1CC, #ADCBB1, #7CA932, #34332C)
- Worn Pine color palette (#F4F7EC, #D4E3CE, #A3C9AE, #198E4A, #2F3800)
- Timeworn Turquoise color palette (#EDF9F0, #BAE6E3, #A1CBCC, #00ABBE, #223929)
- Mint Drift color palette (#E9EFD0, #61DC9D, #00B187, #5B8760, #003820)
- Teal Workshop color palette (#DDEADA, #00A89B, #00666A, #263B20, #040A01)
- Lapis Cabin color palette (#D8F1CC, #00C3A8, #0097C4, #5355C9, #192A00)
- Antique Forest color palette (#F0F4E6, #CBD8C8, #94B4A5, #006E33, #181D00)
- Hushed Loft color palette (#DCE5E0, #AFC5C6, #8DAEB3, #008DB4, #0E241B)
Browse the whole catalog at Explore, or see today's palette.