Moss Basin color palette — #ECF8F4 · #858C27 · #456294 · #524568 · #3E2E35

Olive Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Olive Leaf (#858C27): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#456294): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#524568): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#3E2E35): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Bronze Studio color palette (#EEF9ED, #A97128, #007784, #4D4D78, #3B323C)
• Hushed Emerald color palette (#EBF9F7, #389354, #675C8D, #6A3B45, #2A382E)
• Antique Delta color palette (#EBFAED, #87B779, #3B8678, #565576, #354D4C)
• Hushed Lagoon Orchard color palette (#E6F5F7, #459D82, #187587, #643F6C, #111F14)
• Wandering Jade color palette (#F3F7E9, #7AB580, #5495B3, #726593, #3B3530)
• Hushed Lagoon color palette (#EEF8F5, #D1DDE1, #ADAAB7, #608C82, #4C5553)
• Tempered Lagoon color palette (#E4F6F6, #249263, #294146, #1D2C2C, #0F1618)
• Aubergine Ridge color palette (#E2FBFB, #00764C, #5C318B, #5F1525, #0A2317)

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