Tempered Teal Harbor color palette — #F5F9D4 · #A7D4AC · #76B58B · #488266 · #445237
Built around Jade, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#F5F9D4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A7D4AC): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#76B58B): A luminous, balanced teal — the color of sea glass.
- Fern (#488266): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#445237): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Teal 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
- Teal Field color palette (#EAFCDF, #AAE5D5, #65AA97, #31796B, #293B1C)
- Taupe Bloom color palette (#FEEDCB, #D9CE91, #A5A25F, #777E48, #504F47)
- Weathered Cabin color palette (#F2F8E9, #9BD3B4, #DAA576, #519E78, #524C46)
- Hushed Turquoise Villa color palette (#DEFBD9, #82D3D5, #4BABB3, #32808E, #395846)
- Washed Fern color palette (#EFFAE5, #7EC1A9, #76ADCD, #9A955C, #324C09)
- Mint Canyon color palette (#CFECDC, #00CD9F, #00A48E, #006E66, #004E4C)
- Pine Alley color palette (#CEE6D4, #008458, #00533E, #002A21, #000C09)
- Weathered Grove color palette (#D8F3F4, #00A1AC, #006B79, #004C5D, #00202B)
Browse the whole catalog at Explore, or see today's palette.