Muted Coast color palette — #F1F3EB · #CFD8D3 · #AFBCA8 · #407150 · #1F2216

Built around Pine, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#CFD8D3): a clean, paper-quiet neutral.
• Stone (#AFBCA8): A luminous, dusty green — the color of fresh herbs.
• Pine (#407150): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#1F2216): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted 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

• Dusty Basin color palette (#EEF7F6, #D0DBE2, #9FB8C1, #2E7536, #2A3F3D)
• Weathered Cypress Summit color palette (#F2F3E5, #7BAE86, #2F7454, #334F2D, #1A1F03)
• Tempered Petrol Balcony color palette (#EAF5F0, #C5DCDE, #C9B9CB, #00759B, #152A21)
• Ash Harbor color palette (#DDF1DB, #7CB6BF, #577F6C, #644154, #3E222B)
• Dusty Abyss Archive color palette (#E8EEE6, #96A596, #69846F, #00403A, #010600)
• Ancient Denim Boulevard color palette (#E2ECE8, #D3C6D5, #AF9DAD, #005B88, #051A14)
• Soft Mint Corridor color palette (#EAF7E1, #6EDD98, #00C298, #00898A, #00211C)
• Muted Lantern color palette (#EEEBC8, #2EA075, #006A62, #143869, #0E1D00)

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