Patina Coast color palette — #F2F3E4 · #8DC394 · #488462 · #58554E · #262916

Mint Leaf and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3E4): a clean, paper-quiet neutral.
• Mint Leaf (#8DC394): A luminous, balanced green — the color of new leaves after rain.
• Fern (#488462): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#58554E): a grounded near-black with real depth.
• Onyx (#262916): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Softworn Bloom color palette (#F0F4E1, #70B08C, #057659, #464740, #181F05)
• Airy Lime color palette (#E3ECCE, #8EB447, #588330, #305826, #2E2F29)
• Dusty Alley color palette (#D1FFE1, #77CB99, #358A59, #054B2A, #001F0C)
• Tempered Driftwood color palette (#F5F2E8, #C2C997, #8E853C, #765E0F, #33312A)
• Wandering Courtyard color palette (#F2F3E8, #C8E5CA, #529AA3, #286B62, #193223)
• Quiet Jade Thicket color palette (#F1F5DC, #72B871, #3C95D1, #337534, #012A43)
• Fern Harbor color palette (#F8F6E8, #BDCBA2, #4D9F9B, #896867, #3A4A00)
• Emerald Delta color palette (#EDF7D5, #00A862, #008DAE, #7F6828, #1B210C)

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