Coral Coast color palette — #F4F7E8 · #89CA93 · #F17E73 · #459456 · #5F3531

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

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Mint Leaf (#89CA93): A luminous, balanced green — the color of fresh herbs.
• Salmon (#F17E73): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#459456): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#5F3531): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Powdered Corridor color palette (#EBFAEC, #42CED2, #F17A8F, #009296, #5C372E)
• Frosted Lagoon color palette (#DEFCFF, #8CE9D0, #ECA2B9, #289F86, #552838)
• Gentle Wisteria Lagoon color palette (#F9F6E3, #AFC177, #C788DC, #788A2A, #5B3540)
• Misty Bloom color palette (#E1FBFE, #00B99C, #BA6E8E, #007763, #5C3444)
• Teal Canyon color palette (#EFF9E8, #77E3C5, #E3B572, #41B598, #583D10)
• Hazy Amber Terrace color palette (#DEFFE8, #00C3DC, #D18B00, #008698, #513300)
• Taupe Hollow color palette (#F0F8EB, #D3D9EB, #D7B1CE, #869F68, #435141)
• Mint Thicket color palette (#EDFAE3, #3AD5B1, #D2835F, #C6606D, #303D26)

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