Tempered Harbor color palette — #F6DCD9 · #BB2D00 · #7D2600 · #401600 · #0F0400

Built around Brick, softened by Rust — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F6DCD9): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#BB2D00): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#7D2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#401600): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0F0400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Plum Market color palette (#FFE2F0, #B3374C, #622100, #2B1400, #020100)
• Worn Bronze color palette (#F7DBC7, #9E5E00, #633E00, #301F00, #0E0800)
• Misty Bronze Station color palette (#FBD7E9, #A44D00, #006B2A, #5A2700, #000901)
• Plum Ridge color palette (#FAD2E0, #C60063, #810031, #480011, #1E0002)
• Marigold Terrace color palette (#FFECDD, #D89830, #A0852A, #7A3B0D, #170A00)
• Muted Garnet color palette (#F9EDE3, #814800, #3B5700, #720040, #040100)
• Amber Station color palette (#FCE0D0, #E97900, #AD6500, #714800, #402A00)
• Hushed Basin color palette (#F4ECD5, #867800, #5D5800, #353900, #131800)

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