Tempered Harbor color palette — #DCE2EF · #91679B · #743636 · #002325 · #000202

Built around Slate, softened by Rust — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#DCE2EF): bright and airy, almost weightless.
• Slate (#91679B): A full-bodied, balanced pink — the color of peonies in June.
• Rust (#743636): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002325): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000202): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged vintage, 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

• Garnet Drift color palette (#C7E6F2, #847BBB, #7C1B4A, #003021, #000201)
• Worn Pewter Ridge color palette (#DCDCF9, #86597D, #592526, #002421, #000D15)
• Weathered Cocoa Lantern color palette (#E2DEF9, #A76279, #724300, #081C48, #00010B)
• Tempered Peony color palette (#F8E2FF, #B16393, #9F5053, #335528, #00120C)
• Frosted Crimson Station color palette (#FDE5E5, #D74753, #82001A, #1C1D11, #170001)
• Plum Courtyard color palette (#F3E8FF, #A62791, #6C003A, #2C0002, #030000)
• Dusty Mulberry color palette (#F3DAE3, #99005C, #00505C, #003942, #040001)
• Misty Chestnut color palette (#FCE6F9, #C77F7C, #816100, #223562, #020826)

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