Tempered Harbor color palette — #CBE8D6 · #8C6400 · #47393A · #231D00 · #060400

Built around Ochre, softened by Onyx — the whole palette hums with optimism and sophistication.

The five colors

• Celadon Mist (#CBE8D6): A whisper-light, dusty teal — the color of sea glass.
• Ochre (#8C6400): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#47393A): quiet, heavy and certain.
• Onyx (#231D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Hollow color palette (#DFF3E7, #776900, #003B3B, #2D2700, #000203)
• Bronze Archive color palette (#EBE0C7, #AC7800, #413800, #130F00, #030200)
• Antique Amber color palette (#EDE3CF, #B79034, #685700, #312800, #030200)
• Muted Bronze Basin color palette (#DFF5F9, #B66100, #002E2A, #181A22, #000C0A)
• Chestnut Ridge color palette (#CAEDE6, #825300, #19161D, #081900, #010300)
• Olive Basin color palette (#E3E2D1, #4A7F00, #00442F, #002321, #000E13)
• Nocturne Fern color palette (#FFDEEE, #406400, #003835, #300028, #001004)
• Muted Fern color palette (#EAF9F4, #DBBA8E, #566534, #253E37, #1C2628)

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