Moss Bloom color palette — #EAF9F2 · #C8D7A7 · #6B9A3D · #3B6D6A · #082F26

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

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Pistachio (#C8D7A7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6B9A3D): A luminous, balanced green — the color of fresh herbs.
• Teal (#3B6D6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#082F26): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Moss Bloom 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

• Softworn Lagoon Drift color palette (#EBF8F8, #9BE1C6, #00A08A, #386E6D, #092E30)
• Aged Emerald color palette (#C9E9E4, #52A171, #005C41, #00332D, #000201)
• Hushed Pine Coast color palette (#E5FBF5, #99CA94, #0F8D49, #005C66, #001E1A)
• Tempered Jade color palette (#E8FBEA, #CDCF86, #85AE71, #5A8D96, #1C3D30)
• Ancient Olive Harbor color palette (#C9E6D9, #70842E, #294500, #00211E, #010100)
• Fern Chapel color palette (#FAF1DE, #9EA579, #526E3D, #20513E, #221C02)
• Soft Clover Boulevard color palette (#ECF7FF, #68CCFF, #6CBE46, #0081B0, #143006)
• Pine Workshop color palette (#E7FAF4, #85B165, #107414, #00482E, #030A00)

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