Tempered Harbor color palette — #F4F4FF · #D4BCE6 · #D89876 · #56995E · #214663
A conversation between Fern and Camel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#D4BCE6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Camel (#D89876): A luminous, balanced orange — the color of sun-warmed clay.
- Fern (#56995E): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#214663): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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
- Weathered Lagoon color palette (#F8F3FA, #F0B4C6, #BCA867, #239A91, #3C3E64)
- Antique Grove color palette (#F1F5FE, #BDC3F2, #DA929F, #99863B, #174A52)
- Ash Studio color palette (#F4F4FF, #EBD2E4, #CCB9CD, #7AA89D, #335153)
- Antique Amber Study color palette (#FBF2FB, #A9CFFF, #CB8858, #2D7876, #264025)
- Amber Bloom color palette (#F7EEFD, #EA93B5, #BF8700, #00845D, #002D50)
- Hazy Loft color palette (#FDDDF1, #FF7C50, #5C9F00, #007293, #3C0048)
- Timeworn Mallow color palette (#F2F0FD, #D4A3D6, #81768B, #555165, #202129)
- Washed Summit color palette (#EEE0F1, #E05B80, #867100, #005E58, #0D0040)
Browse the whole catalog at Explore, or see today's palette.