Coral Lagoon color palette — #FFF1F2 · #FFCBC2 · #DF8569 · #A16235 · #593D1B

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFCBC2): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#DF8569): A luminous, balanced orange — the color of autumn markets.
• Ochre (#A16235): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#593D1B): A deep, shadowed, dusty 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 Lagoon 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

• Chalky Marigold Chapel color palette (#FFF2ED, #FFD0AA, #D69B47, #8A6B13, #4E4519)
• Feathered Blush color palette (#FFF0FA, #FFC8DB, #DC7B90, #9A4E4D, #5B2D21)
• Amber Basin color palette (#FFE2E0, #FBB2BC, #EE8E6C, #C57400, #59450C)
• Worn Rust color palette (#ECDAFF, #DC8686, #C64F22, #744100, #0C301A)
• Worn Station color palette (#FFF3E8, #E2D9C5, #CF935C, #7F4912, #2C1300)
• Quiet Garden color palette (#FFF2EE, #FFA476, #BF6D00, #6E4700, #332500)
• Misty Amber color palette (#FFF2EA, #FFC5AA, #5FCAEF, #C37147, #003F51)
• Tempered Summit color palette (#F7DAC7, #A06700, #5A4200, #161100, #010100)

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