Coral Coast color palette — #EBF5EA · #5AB6AD · #C6726C · #00746D · #451513

A conversation between Coral Clay and Turquoise, giving this palette its sense of balance.

The five colors

• Cream (#EBF5EA): a clean, paper-quiet neutral.
• Turquoise (#5AB6AD): A luminous, balanced teal — the color of shallow lagoons.
• Coral Clay (#C6726C): A luminous, balanced orange — the color of autumn markets.
• Teal (#00746D): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#451513): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Feathered Workshop color palette (#F0F4E2, #80B287, #C47088, #007A2E, #461124)
• Rose Market color palette (#ECFAEC, #07B6B7, #D65C68, #007476, #613336)
• Softworn Thicket color palette (#E9F5EF, #89BBD4, #C98B6B, #007CA4, #36302B)
• Hazy Coral Workshop color palette (#E1FBFF, #5DCEBC, #F37D67, #009585, #61342B)
• Misty Bloom color palette (#DEEDE4, #0096B0, #BF4300, #005665, #2C0900)
• Plum Veranda color palette (#DFF9EB, #2E9BBD, #B75F7C, #AA4067, #062518)
• Soft Blush Villa color palette (#E6F9FF, #97E4E4, #FB9CA2, #009D9F, #57272C)
• Aged Cocoa Lantern color palette (#FFEEE2, #BCA88C, #9B6746, #733739, #29220C)

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