Emerald Coast color palette — #FBF2F7 · #BFC2F8 · #D6959F · #5E9854 · #364065

Olive Leaf takes the lead with Rosewood Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Lavender (#BFC2F8): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#D6959F): A luminous, dusty red — the color of embers at dusk.
• Olive Leaf (#5E9854): A luminous, balanced green — the color of new leaves after rain.
• Navy (#364065): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Lagoon Corridor color palette (#EEF8F4, #97D0F1, #DB929A, #599769, #324A2A)
• Lagoon Corridor color palette (#FFF2ED, #F2B6AD, #B5AB70, #559865, #433B65)
• Bronze Coast color palette (#EFF8F0, #8DD5DE, #BF9BC5, #A7802E, #094C50)
• Sunlit Workshop color palette (#FFF1F4, #D8ACE1, #BA9D3F, #0089B1, #4A2851)
• Taupe Chapel color palette (#FFF0FC, #F3D5DD, #D5B8B3, #94A283, #3E5144)
• Coral Archive color palette (#FEF2F2, #F8B3DF, #D67D73, #88632A, #4C2C40)
• Mallow Boulevard color palette (#FCEDF0, #D0A5DA, #8E7472, #644D52, #281F23)
• Linen Orchard color palette (#FFF1F1, #FC8CC9, #A29E00, #7D7A00, #003353)

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