Coral Harbor color palette — #F9DFE5 · #FF6460 · #B85600 · #725300 · #3A3700

Built around Watermelon, softened by Terracotta — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F9DFE5): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#FF6460): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#B85600): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#725300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3A3700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.

Use it as a design system

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

• Amber Drift color palette (#FFDDDF, #FF8874, #CD6800, #6A4100, #2D2200)
• Aged Amber Lantern color palette (#FADFD8, #E08100, #917100, #5C5F00, #213700)
• Ancient Pier color palette (#F2DDF0, #FF62B1, #E10042, #803B00, #4F3000)
• Dusty Marigold color palette (#FFD9E6, #F19829, #0086B9, #955900, #003248)
• Dusty Thicket color palette (#FFE7E3, #B15000, #5C3C00, #2A2300, #060D00)
• Frosted Marigold Corridor color palette (#FFE9CE, #E7A000, #A96D00, #5E3D00, #291700)
• Garnet Hollow color palette (#FFD4B7, #CF9B00, #B35D00, #94212A, #292C00)
• Amber Meadow color palette (#FDF0FF, #F3B29C, #CC8C46, #8D773D, #34584C)

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