Tempered Harbor color palette — #F0F7F2 · #F5E6A3 · #42B681 · #A08900 · #001617
Built around Jade, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Butter (#F5E6A3): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#42B681): A luminous, balanced teal — the color of shallow lagoons.
- Moss (#A08900): A luminous, balanced green — the color of fresh herbs.
- Ink (#001617): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Tempered Harbor 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
- Weathered Amber Basin color palette (#FCF2F5, #EAE1B9, #91A953, #C37400, #001711)
- Washed Basin color palette (#EDF8F5, #D3F2B2, #39AFC4, #6D9A27, #03151D)
- Weathered Teal color palette (#F1F7F1, #FECB86, #00C7C3, #CB9647, #16272B)
- Chalky Quarry color palette (#ECF9F2, #B5A84F, #3483B3, #7D4092, #22101B)
- Moss Market color palette (#DEEEE6, #979300, #005B4E, #403E00, #000102)
- Jade Loft color palette (#E9FBEC, #C0D59D, #3FA780, #685599, #0D3A34)
- Pine Basin color palette (#F9F5EC, #C1AF5F, #258251, #705F00, #222616)
- Dusty Harbor color palette (#E8FAF3, #B7D22D, #00918F, #647400, #000202)
Browse the whole catalog at Explore, or see today's palette.