Tempered Harbor color palette — #F0F4E3 · #77B899 · #0A7D65 · #4C510D · #1A2502

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

The five colors

• Cream (#F0F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#77B899): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#0A7D65): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#4C510D): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1A2502): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Feathered Olive color palette (#FAF2D7, #A3B069, #58771C, #514E1E, #1F2400)
• Pale Jade color palette (#E0EAC9, #36AC82, #006B58, #004B27, #001C11)
• Hazy Mint color palette (#CAFFEF, #21D0AB, #007F6A, #004537, #001610)
• Timeworn Cocoa color palette (#E5FAF8, #6AB3A2, #007880, #823708, #00453A)
• Hushed Canyon color palette (#F2ECDC, #909254, #4E5D00, #423900, #171100)
• Lagoon Ridge color palette (#DFFCFA, #83CDA8, #209C7E, #6B6F11, #174430)
• Driftwood Chapel color palette (#F5F2E9, #CDC3A1, #8F843B, #63661C, #33312A)
• Ancient Lagoon color palette (#B7F5DB, #009A73, #007FAE, #6E6200, #001E14)

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