Tempered Harbor color palette — #E0DBF0 · #CB6BCA · #807400 · #151200 · #000302

Bubblegum and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E0DBF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Bubblegum (#CB6BCA): A luminous, vivid pink — the color of neon signs at night.
• Walnut (#807400): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#151200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant, 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

• Washed Fuchsia color palette (#F0E9F6, #F75FDE, #588100, #0D1800, #000504)
• Chalky Garden color palette (#D5DDFB, #B288FF, #A46300, #1F0F00, #060102)
• Muted Blush color palette (#EADDF0, #FE6BB0, #998600, #002221, #050D09)
• Dusty Iris Pier color palette (#F3E1ED, #7089FF, #988700, #141000, #010603)
• Muted Station color palette (#F0E5F7, #DF0076, #3C5B00, #030E07, #000201)
• Frosted Atelier color palette (#FCEBF0, #F97D51, #229413, #021B01, #000504)
• Worn Corridor color palette (#D3E8E1, #C07C31, #303F00, #0E1500, #000201)
• Antique Forest Parlor color palette (#E1ECEA, #BCD0D2, #83AABD, #326229, #0A1917)

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