Tempered Harbor color palette — #FFF1F5 · #B595D2 · #AC6F55 · #3D6B2D · #003D57
Built around Olive, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mauve (#B595D2): A luminous, balanced violet — the color of twilight just after sunset.
- Mocha (#AC6F55): A luminous, balanced orange — the color of autumn markets.
- Olive (#3D6B2D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#003D57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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
- Ancient Amber Garden color palette (#F4F4FF, #D0A6F6, #CB6B41, #3D6931, #002F45)
- Muted Field color palette (#FEF2F2, #D1A0BF, #AD8351, #41765A, #274561)
- Muted Periwinkle Thicket color palette (#FFF0FA, #919EEC, #B36675, #695E19, #004140)
- Timeworn Cerulean color palette (#EAF9F4, #4F8EC2, #904960, #005735, #003B61)
- Hazy Blush Basin color palette (#FFF2EF, #F55F90, #917400, #006457, #18296A)
- Antique Olive color palette (#FFF1F5, #EABEC1, #B38F84, #7E7A31, #3E5412)
- Aged Station color palette (#F5DBD3, #CE5C6B, #706500, #004D4A, #171251)
- Soft Coral color palette (#ECF7FF, #71C9FC, #EA7B60, #008F8E, #004048)
Browse the whole catalog at Explore, or see today's palette.