Tempered Harbor color palette — #FFDCF9 · #FEAEC9 · #EB8F99 · #B86B53 · #61431E
A conversation between Rose Quartz and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FFDCF9): A whisper-light, dusty pink — the color of peonies in June.
- Carnation (#FEAEC9): A whisper-light, balanced rose — the color of pressed rose petals.
- Rose Quartz (#EB8F99): A luminous, balanced red — the color of late-summer berries.
- Mocha (#B86B53): A luminous, balanced orange — the color of sun-warmed clay.
- Bronze (#61431E): A full-bodied, dusty gold — the color of old brass.
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
- Powdered Blush color palette (#FFDCE9, #EBB5F7, #E289B5, #BE737F, #653C34)
- Ancient Quarry color palette (#FFDDE4, #FFB4AA, #EB9568, #AD7E43, #53481F)
- Rust Studio color palette (#FFF1F1, #FFC5D3, #E57B82, #B44D40, #623926)
- Frosted Crimson Market color palette (#E4DAFF, #DA89A8, #C54D5C, #7F3014, #40202D)
- Apricot Lagoon color palette (#FFF2EC, #FFC8B7, #ED9886, #B56D56, #491B06)
- Ember Ridge color palette (#FFE9F3, #FF8296, #EA5D00, #A25F00, #3D3000)
- Feathered Parlor color palette (#FFF2EB, #FFB89F, #55D5CB, #D88669, #004D49)
- Basalt Loft color palette (#FCF4E7, #D8D2AC, #BCAB7E, #A77E62, #3B4200)
Browse the whole catalog at Explore, or see today's palette.