Tempered Harbor color palette — #FEF2F3 · #EAB2E0 · #D9958F · #A2804F · #423D60
Built around Carnation, softened by Camel — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FEF2F3): a clean, paper-quiet neutral.
- Carnation (#EAB2E0): A whisper-light, balanced pink — the color of a candy shop window.
- Camel (#D9958F): A luminous, balanced orange — the color of toasted spice.
- Caramel (#A2804F): A luminous, dusty gold — the color of old brass.
- Navy (#423D60): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, 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
- Dusty Drift color palette (#FFF2EE, #F7B3B3, #C6A27A, #7F8F54, #5B363A)
- Weathered Ridge color palette (#FCF2F6, #C9BEF4, #CC97B4, #B07667, #1D4C42)
- Cypress Hollow color palette (#F2F5FD, #BFC7FF, #C18D6C, #007B74, #1B3B54)
- Timeworn Mallow color palette (#FFEDEE, #DEA0CC, #8B7574, #5E5151, #271F21)
- Aged Powder color palette (#FCF2F7, #C8BDFB, #CC97B3, #46959A, #513852)
- Dusty Blush Lantern color palette (#FFEDE9, #FE889E, #C48243, #6068B1, #41193E)
- Aged Amber color palette (#FFF2ED, #FF9395, #D68200, #777C00, #003B23)
- Softworn Bronze Archive color palette (#F5EFFA, #C686A3, #A7583E, #5D4917, #222442)
Browse the whole catalog at Explore, or see today's palette.