Tempered Emerald Harbor color palette — #FFF4DC · #B6C287 · #619744 · #386F92 · #3C3B34

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

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B6C287): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#619744): A luminous, balanced green — the color of new leaves after rain.
• Slate (#386F92): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Emerald 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

• Ancient Lagoon Summit color palette (#F7F6E5, #94CA9F, #009E77, #5A6790, #184525)
• Pale Studio color palette (#EAFAF0, #D2E292, #64A640, #3F7190, #08372B)
• Softworn Pine color palette (#E9E5D4, #92B16F, #41834A, #375879, #2D2A05)
• Soft Harbor color palette (#FFF1F6, #DECF87, #80B84B, #9F78A8, #1C442F)
• Jade Coast color palette (#EEEEDC, #5FA471, #007257, #36426E, #00220B)
• Feathered Olive color palette (#FFF3E9, #B3A26A, #57751E, #6B3976, #483900)
• Muted Fern color palette (#FAF5E9, #D9D2B2, #9E9E7A, #92747C, #5B4D00)
• Airy Turquoise color palette (#FCF4E8, #9BECEB, #00AFC4, #008568, #00475B)

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