Tempered Harbor color palette — #FFE9E0 · #EA574E · #878600 · #6A5489 · #362017

Scarlet and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE9E0): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#EA574E): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#878600): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#6A5489): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#362017): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Patina Garden color palette (#FFF2EA, #E28152, #789D52, #875C8F, #38312D)
• Muted Lagoon color palette (#FFF2ED, #DA817B, #839431, #2160A8, #250E05)
• Aged Peony Canyon color palette (#FFE8E7, #DD54A5, #B16F0E, #485D99, #381E1E)
• Rose Quarry color palette (#FFE9E2, #E35B6C, #948000, #4F6B24, #381F18)
• Misty Alley color palette (#FFDDC2, #C26E00, #189A39, #89096E, #321800)
• Amber Cabin color palette (#FFF4DD, #AF9300, #009C8A, #9E4556, #382905)
• Airy Apricot color palette (#FFF2EC, #FF9278, #AA7400, #AC5441, #231503)
• Amber Station color palette (#FEEFE1, #D47D00, #71790D, #005F42, #4E131C)

Browse the whole catalog at Explore, or see today's palette.