Coral Field color palette — #F8D7DF · #EA5F5A · #AF5D00 · #755000 · #221D00

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

The five colors

• Shell Pink (#F8D7DF): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#EA5F5A): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AF5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#755000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#221D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, 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

• Hushed Boulevard color palette (#F6E4E1, #DD5100, #994900, #603A00, #271A00)
• Quiet Station color palette (#FFDFD6, #DD7900, #977300, #575A00, #042701)
• Antique Scarlet Lantern color palette (#F6E7F3, #F15D9A, #E12830, #944300, #2F1900)
• Bronze Corridor color palette (#F4E7DC, #B89B5C, #B0682E, #8E3D3D, #161800)
• Marigold Thicket color palette (#F7E9D2, #DF9E00, #AE7600, #6D4A00, #120900)
• Dusty Azure color palette (#FEECDD, #F79337, #0297E8, #8C4A00, #001C31)
• Bronze Meadow color palette (#FBE6D2, #9E7000, #686100, #1F4700, #000803)
• Ember Coast color palette (#F0D6EC, #958AFF, #EB6800, #55260B, #0F0501)

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