Tempered Harbor color palette — #FFF2F0 · #FAB5C9 · #A99961 · #1C7A74 · #4D2C41
Teal takes the lead with Carnation close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Carnation (#FAB5C9): A whisper-light, balanced red — the color of embers at dusk.
- Moss (#A99961): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#1C7A74): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#4D2C41): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, 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
- Antique Petrol Archive color palette (#FDF3EC, #F5BEA2, #7EA776, #317393, #4F2D33)
- Hushed Dune color palette (#FFF1F3, #EAB9E7, #BD8F69, #4D7658, #183B57)
- Softworn Abyss Hollow color palette (#FFF2F0, #E2D9CD, #D3C0AF, #849081, #3E5445)
- Timeworn Cobalt Quarry color palette (#FDF1F9, #BCC2F9, #BBA963, #6F84C2, #354064)
- Timeworn Workshop color palette (#FAF2FD, #CC7C95, #866E0F, #00615A, #36425D)
- Timeworn Lagoon color palette (#F9F4EE, #C2E0EC, #9DCED2, #579FA3, #5A455B)
- Timeworn Studio color palette (#FFF4E0, #BE9300, #007C6F, #3208AF, #2B0009)
- Apricot Boulevard color palette (#FFF2EA, #E68B64, #5F833B, #005365, #250D39)
Browse the whole catalog at Explore, or see today's palette.