Coral Field color palette — #FCEFE9 · #DB7E77 · #767537 · #115755 · #351F2F

A conversation between Coral Clay and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCEFE9): a clean, paper-quiet neutral.
• Coral Clay (#DB7E77): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#767537): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#115755): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#351F2F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Wisteria Harbor color palette (#FCEEEE, #CB7EB7, #916932, #235745, #331F32)
• Antique Station color palette (#FAF0E5, #C29252, #458060, #2B506D, #3E1A21)
• Patina Study color palette (#FBF2F8, #E09E8F, #A08958, #547346, #4B3A59)
• Dusty Bronze color palette (#FCEAD8, #AC6B00, #00663A, #003758, #270026)
• Hushed Veranda color palette (#F7EBE4, #BF6649, #563200, #251C16, #110B08)
• Muted Studio color palette (#F6F1EA, #C3E9DC, #6AA8AF, #5C7535, #243C2F)
• Patina Taupe color palette (#FEEEE7, #E9D4CF, #ECBF93, #B89564, #392619)
• Hushed Lagoon Meadow color palette (#F3F3E6, #BEC99F, #58907D, #735A58, #30322B)

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