Weathered Teal color palette — #F4F1CC · #A4D0A8 · #58A381 · #377D9C · #264D70
A conversation between Jade and Slate, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4F1CC): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A4D0A8): A luminous, dusty green — the color of a quiet forest floor.
- Jade (#58A381): A luminous, balanced teal — the color of sea glass.
- Slate (#377D9C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#264D70): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Weathered Teal 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
- Patina Parlor color palette (#B7FDE1, #89CEC0, #66A3A7, #586E9F, #49496F)
- Wandering Seafoam Corridor color palette (#F5FDAD, #91F5C2, #7ABD89, #348694, #124459)
- Denim Station color palette (#DCE1D0, #A0B190, #3D8981, #2E5A8A, #2C355B)
- Washed Turquoise color palette (#F6F6E8, #A6E9E8, #00B0BC, #008475, #004853)
- Navy Basin color palette (#E0ECDB, #7B9A7D, #007790, #413C8E, #2B1A42)
- Wandering Studio color palette (#FFF0E1, #C2D680, #6FBEA1, #9C83AB, #4C4A68)
- Wandering Pine Grove color palette (#FFE8D3, #B0A86C, #388C5B, #724A79, #5E3B3F)
- Emerald Harbor color palette (#F7F7E1, #99CA94, #329D5A, #7F6600, #244321)
Browse the whole catalog at Explore, or see today's palette.