Weathered Basalt color palette — #F5F7EB · #698F68 · #00717F · #653969 · #39352F
A conversation between Mulberry and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F7EB): bright and airy, almost weightless.
- Fern (#698F68): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00717F): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#653969): A full-bodied, balanced pink — the color of peonies in June.
- Espresso (#39352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Weathered Basalt 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 Garnet color palette (#F1F8EE, #4C8D80, #4D659D, #782F3E, #31322B)
- Hushed Navy Station color palette (#FAF4ED, #A18354, #17745D, #3B4687, #37312C)
- Washed Canyon color palette (#F9F5EC, #A59860, #2F7D84, #763A6A, #553F00)
- Cypress Harbor color palette (#FFF4DF, #C7C296, #639265, #006B59, #004F52)
- Garnet Atelier color palette (#F0F9E0, #007D4D, #005684, #64004F, #272400)
- Driftwood Atelier color palette (#F6F5EF, #D6DCD6, #A3AEB3, #7E8857, #555348)
- Hushed Cobalt color palette (#F1F7EF, #5BAEA2, #5D8BD0, #716092, #402F2F)
- Tempered Petrol Quarry color palette (#F7EFF6, #C17C73, #5369AA, #553C6B, #1F1624)
Browse the whole catalog at Explore, or see today's palette.