Tempered Harbor color palette — #FFF2EA · #ECD9BD · #9C9A72 · #6E5F98 · #5B3347
Slate and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Wheat (#ECD9BD): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#9C9A72): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#6E5F98): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#5B3347): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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 Taupe Harbor color palette (#FCDCB3, #A3AC6F, #4C8575, #534D6E, #473448)
- Wandering Teal color palette (#FFF4DA, #D3D6B3, #6DAFAE, #825465, #5A371D)
- Washed Driftwood Loft color palette (#FFF3E6, #D7DEC9, #B3BB9F, #926E91, #674D45)
- Tempered Aubergine Quarry color palette (#FFEAD7, #BAAF7C, #567C5A, #582E72, #38051B)
- Teal Studio color palette (#C2EFE0, #B3D4A9, #79B391, #6C8C9E, #334656)
- Pale Onyx color palette (#FCECCA, #849663, #1C715E, #500436, #1D0300)
- Mulberry Meadow color palette (#FFF6D2, #BCCC96, #41A997, #8E326F, #5D1109)
- Ancient Cypress Dune color palette (#E8EEDD, #A5A77D, #4A7C5D, #2D503E, #072F24)
Browse the whole catalog at Explore, or see today's palette.