Tempered Harbor color palette — #F4F7EC · #F3DBAA · #9BA37B · #69742E · #2B2D23

Built around Olive, softened by Peach Cream — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Peach Cream (#F3DBAA): A whisper-light, dusty gold — the color of old brass.
• Sage (#9BA37B): A luminous, dusty green — the color of fresh herbs.
• Olive (#69742E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2B2D23): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Sand Courtyard color palette (#EFF8EF, #F7DAA0, #62ADAD, #627262, #262E26)
• Tempered Fern Dune color palette (#F3F7EF, #FDC2A2, #568A77, #3C5717, #292D25)
• Hushed Honey Canyon color palette (#EFF9E6, #FDC641, #00A682, #0D6C54, #141E0A)
• Cypress Corridor color palette (#E8F5F3, #A4CFBA, #3A6C65, #003A34, #061715)
• Softworn Marigold Dune color palette (#DDEDDF, #D09C00, #00767E, #004146, #000401)
• Hushed Bloom color palette (#EBF0E2, #AA7F00, #005836, #001B0D, #010200)
• Wandering Mint Cabin color palette (#F2F7EC, #58D4B0, #BB98CE, #B17C77, #3A3831)
• Worn Coast color palette (#F2F7F0, #D1DDDB, #A7B2B7, #886C76, #50544F)

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