Coral Field color palette — #FFF4E2 · #DF726D · #925B1E · #0C5959 · #433B37

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#DF726D): A luminous, balanced orange — the color of toasted spice.
• Ochre (#925B1E): A full-bodied, balanced gold — the color of old brass.
• Peacock (#0C5959): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#433B37): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Coral Field 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 Cabin color palette (#FFF4E2, #CA8822, #6B6F2E, #29526F, #403D36)
• Blush Balcony color palette (#FCF1DA, #CE8394, #8C6035, #0E4A74, #331C11)
• Timeworn Ember Chapel color palette (#FFF2EC, #D45F4C, #536E18, #005164, #452C4F)
• Linen Peony Station color palette (#FFF4E2, #CD72B9, #A04B53, #2C5A30, #503533)
• Tempered Terrace color palette (#FFF2EB, #FFBFD0, #FF946D, #A57E3B, #433D38)
• Hushed Blush color palette (#E4FCED, #E995A5, #A87C50, #34698C, #4D3348)
• Worn Bronze Parlor color palette (#FFF2EC, #D5B18E, #987C36, #556E5C, #3C5457)
• Hushed Rust color palette (#FCE1AA, #C95500, #684E00, #00404C, #3F2000)

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