Coral Field color palette — #FFF1F1 · #FFBDB4 · #F57157 · #A35438 · #4A433F

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rose Quartz (#FFBDB4): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#F57157): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A35438): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#4A433F): quiet, heavy and certain.

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

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

• Washed Coral color palette (#FFDCE6, #FFB7BC, #F18F7B, #AD734C, #4C4741)
• Amber Delta color palette (#FFF2E9, #FFC7A0, #E38500, #9A6100, #553F18)
• Blush Courtyard color palette (#FFF1F1, #FFC3D9, #F06C99, #A65263, #583126)
• Misty Coast color palette (#FFF2EA, #FFC5AA, #7DD378, #CA6D3D, #383932)
• Muted Amber color palette (#FFF3E8, #E1D9C8, #E0853E, #86420C, #321600)
• Powdered Rust Orchard color palette (#F6E7FA, #E19291, #AC584A, #823E17, #402003)
• Airy Lantern color palette (#F9E4E1, #E94200, #883600, #401900, #080200)
• Cocoa Meadow color palette (#FFF3E9, #DEDBCB, #96B3B8, #CB937E, #643900)

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