Tempered Harbor color palette — #F8EED5 · #C1AE16 · #9497E5 · #787AC2 · #312502
Gold and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8EED5): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#C1AE16): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#9497E5): A luminous, balanced violet — the color of wild irises.
- Slate Blue (#787AC2): A luminous, balanced violet — the color of twilight just after sunset.
- Espresso (#312502): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Faded Thicket color palette (#FFEBD7, #EA9642, #799FE7, #6182C1, #35220E)
- Tempered Stone Workshop color palette (#F9F6E2, #AFC473, #BD9DDB, #9E82B8, #34332C)
- Amber Cabin color palette (#FFF3E6, #D78A2A, #A275BA, #923B6E, #221100)
- Washed Azure color palette (#F7F2E2, #B9B758, #02A0D5, #A25174, #4E1600)
- Misty Clover Ridge color palette (#EDF1DE, #67C570, #C688B7, #AF649E, #25290C)
- Frosted Mint color palette (#F2F9E4, #6EC578, #00A4B6, #8E63AC, #311B01)
- Weathered Aubergine color palette (#EBE7D5, #98A92A, #5F5FB9, #723294, #0C0F00)
- Aged Workshop color palette (#F4F7E6, #98D4A2, #DEA2BC, #C0869F, #3A4200)
Browse the whole catalog at Explore, or see today's palette.