Tempered Harbor color palette — #F8F6E9 · #BAC48F · #51B5B3 · #8F74B7 · #3C3631
Built around Slate Blue, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F6E9): a clean, paper-quiet neutral.
- Pistachio (#BAC48F): A luminous, dusty green — the color of fresh herbs.
- Turquoise (#51B5B3): A luminous, balanced teal — the color of sea glass.
- Slate Blue (#8F74B7): A luminous, balanced violet — the color of wild irises.
- Charcoal (#3C3631): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Timeworn Cobalt Courtyard color palette (#F9F5EC, #CDBC7D, #89B78E, #5885C7, #38302D)
- Ancient Harbor color palette (#F4F6ED, #9DC8A3, #6DAADF, #B06D90, #33322B)
- Hushed Driftwood color palette (#FEF3E9, #E4CE9C, #8FBC8F, #A778AE, #574600)
- Aged Lagoon color palette (#FBF2F9, #D69591, #7189BB, #725490, #3C3344)
- Frosted Coast color palette (#F4F8E1, #54C363, #00A8B5, #9C43CA, #2E2000)
- Aged Raspberry color palette (#F2F8E6, #57C389, #0096D2, #BC3E89, #281D00)
- Timeworn Violet color palette (#E6FAE2, #00BEB5, #8174FF, #BC3D00, #001F11)
- Stone Coast color palette (#F8F5EF, #D8DBD5, #C4B581, #A8B6B3, #565249)
Browse the whole catalog at Explore, or see today's palette.