Tempered Harbor color palette — #FFF4E3 · #BEDBAF · #77BEAB · #987FB5 · #444E00

Built around Deep Olive, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#BEDBAF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#77BEAB): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#987FB5): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#444E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, light, 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

• Cerulean Archive color palette (#FCF4E7, #E3CE9F, #A1B784, #668DC5, #594500)
• Driftwood Corridor color palette (#FCF4E8, #9EDFD4, #7EB8CD, #BA7291, #3B4D3D)
• Softworn Bloom color palette (#FDF0FE, #E2E1A6, #3FB8A9, #955F7D, #2D4540)
• Softworn Pewter Drift color palette (#FFF2EF, #C6C08D, #58A293, #985675, #4E4A00)
• Washed Fern Quarry color palette (#F0F4E8, #8DC6A1, #72806C, #4C5C16, #22221C)
• Cocoa Chapel color palette (#F4F8DD, #CBDFD5, #B2C6B7, #AF8F94, #6B4B48)
• Aged Magenta color palette (#FFF4E2, #67DB9B, #00B3B6, #B63EB9, #004032)
• Turquoise Workshop color palette (#F8F5EF, #C7DDED, #ADC7F7, #4EB0CF, #63495B)

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