Tempered Harbor color palette — #F9DCD1 · #A46500 · #514300 · #172700 · #000602

Built around Ochre, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9DCD1): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#A46500): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#514300): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#172700): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

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

• Frosted Bronze Chapel color palette (#FED6D3, #B06200, #534800, #1E2C00, #001F12)
• Lowlit Chestnut Grove color palette (#FAE3CF, #785E00, #313A00, #001C06, #000201)
• Aged Onyx Delta color palette (#FAE6C8, #915300, #354200, #1B005D, #080500)
• Marigold Atelier color palette (#EEE2CD, #C29900, #706200, #353500, #030500)
• Timeworn Olive color palette (#F0E7D4, #747F00, #04520E, #00261F, #000809)
• Weathered Courtyard color palette (#F7DDE7, #D92C2E, #753300, #2A1A00, #080700)
• Marigold Quarry color palette (#FFEEE4, #CDA544, #78781E, #2B5414, #002717)
• Softworn Coast color palette (#FFEDD7, #9A9300, #466D00, #003E25, #001715)

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