Moss Coast color palette — #EDF8F5 · #A3CCF2 · #D792A7 · #749341 · #194C41

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

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Sky (#A3CCF2): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#D792A7): A luminous, balanced rose — the color of strawberry cream.
• Olive Leaf (#749341): A luminous, balanced green — the color of fresh herbs.
• Forest (#194C41): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Antique Bronze color palette (#FBF2FB, #AAC8FA, #D9977D, #A78031, #1B4D38)
• Muted Emerald color palette (#FDF1F8, #C1C2F0, #D49891, #549963, #374064)
• Aged Taupe color palette (#FEF0FE, #EDD2D2, #D4B8A8, #99A287, #415142)
• Dusty Bronze color palette (#F7F3FF, #D39EC0, #B97872, #8B5F21, #40471C)
• Softworn Coral Lagoon color palette (#FDF2F3, #E9B9E7, #CE8187, #8B603A, #482E43)
• Aged Mallow Parlor color palette (#FFECF2, #C5A8E5, #8E7474, #614F55, #252024)
• Hushed Iris color palette (#EDF1FF, #9491E1, #956637, #22574C, #002D34)
• Muted Courtyard color palette (#FFF2F1, #EAA6CC, #D18E5C, #009089, #4D2653)

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