Tempered Basalt Harbor color palette — #E7F0E3 · #92BEDC · #A77B89 · #4D6F52 · #3E4600
A conversation between Deep Olive and Sky, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F0E3): a clean, paper-quiet neutral.
- Sky (#92BEDC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#A77B89): A luminous, dusty rose — the color of a warm blush.
- Pine (#4D6F52): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#3E4600): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Basalt 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
- Washed Boulevard color palette (#D1F4D9, #CAAEC7, #A581AE, #417964, #37510F)
- Muted Study color palette (#DAEAC7, #83BBD4, #918EC2, #776F42, #5A4400)
- Timeworn Lilac Archive color palette (#DDEDFF, #A5A3E2, #7B779B, #476146, #164C4C)
- Amber Field color palette (#EAECFF, #DDA9D2, #CA775B, #38777C, #125358)
- Dusty Stone color palette (#FDF0FF, #ECC8D4, #C9A59B, #768977, #475547)
- Pewter Basin color palette (#CAF0F6, #8198C5, #8C5990, #275C35, #272D0B)
- Weathered Bronze Hollow color palette (#E6E7FF, #C790B3, #A56F4B, #20667C, #173D2C)
- Aged Cocoa Lagoon color palette (#F7D1EB, #DFB4C8, #BD97A2, #A07E74, #6D330D)
Browse the whole catalog at Explore, or see today's palette.