Petal Coast color palette — #E8FBEE · #C0E7E8 · #EAC6E4 · #809878 · #44584D

A conversation between Thistle and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
• Silver (#C0E7E8): A whisper-light, dusty teal — the color of sea glass.
• Thistle (#EAC6E4): A whisper-light, dusty pink — the color of peonies in June.
• Eucalyptus (#809878): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#44584D): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Weathered Chapel color palette (#FBF1FB, #E8D6D8, #E6B1B6, #6C9989, #5A4C57)
• Aged Harbor color palette (#E9F8FF, #D6DAE5, #91BDCC, #BBABAC, #394F5C)
• Worn Delta color palette (#DBFFEE, #E2E1F6, #B7B0FF, #007E8A, #285347)
• Chestnut Station color palette (#FDF3EB, #CAB498, #A07653, #864D24, #5D4300)
• Washed Indigo Alley color palette (#D6E6DD, #5D95C7, #5861CC, #003F3F, #000E1A)
• Aged Canyon color palette (#FCF1FB, #6882B6, #9C4C29, #475115, #26352A)
• Bronze Thicket color palette (#FBF2FB, #6094CD, #B2694D, #65622B, #453847)
• Tempered Lilac Lagoon color palette (#FEF0FF, #FCCDD4, #C39DD7, #247696, #4D384A)

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