Coral Basin color palette — #FFF1F3 · #FFCECD · #D58579 · #9A563F · #502200

Coral Clay and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFCECD): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#D58579): A luminous, balanced orange — the color of autumn markets.
• Ochre (#9A563F): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#502200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Ancient Bronze Market color palette (#FFF1F6, #FFC4C9, #EA988C, #B76C3F, #593600)
• Ancient Rust Chapel color palette (#FFE7E5, #D9969C, #B45E4C, #7B3400, #301A00)
• Hushed Amber Veranda color palette (#FFF2E9, #FFD5A9, #C2954E, #7F6312, #403600)
• Hushed Amber Orchard color palette (#FFF1F6, #FFB5B4, #C87B5D, #63673B, #3E2A3A)
• Hushed Garnet Market color palette (#FDF0FF, #FFD0F6, #D38DB7, #8B4868, #580329)
• Shadow Bronze Meadow color palette (#FEE3D3, #A76200, #563700, #150D00, #020100)
• Worn Studio color palette (#F8DCDB, #F42411, #872E00, #371600, #030100)
• Tempered Taupe Pier color palette (#F8F3FA, #E4D7DB, #CBC2BA, #C38C99, #433C46)

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