Tempered Harbor color palette — #FBE5D3 · #736300 · #004A29 · #3A0035 · #030400

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FBE5D3): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#736300): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004A29): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#3A0035): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Olive color palette (#F2E5DC, #407300, #004745, #3F0020, #000501)
• Nocturne Fern Parlor color palette (#FFECDB, #6B6700, #003C29, #170023, #010100)
• Timeworn Hollow color palette (#F7E0C5, #A14200, #443F00, #260057, #070200)
• Fern Coast color palette (#F4EBDD, #77793C, #225200, #3A2800, #060600)
• Chalky Aubergine Alley color palette (#F4E8C5, #7C7447, #2F5B3B, #46105A, #2F000B)
• Softworn Pine color palette (#FAD8C5, #00865F, #005368, #501400, #000F0D)
• Olive Garden color palette (#E4E2D3, #B98000, #638300, #006562, #000300)
• Misty Teal color palette (#FFDDC3, #00B291, #0079A3, #783900, #003030)

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