Coral Field color palette — #F4F4FF · #D5A6FF · #E67F5D · #658A3D · #003F4F

Coral Clay and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#D5A6FF): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#E67F5D): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#658A3D): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003F4F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Linen Drift color palette (#F1F5FF, #ACB9FF, #EC7488, #848033, #004144)
• Wandering Lagoon color palette (#F7F3FE, #F0B1D8, #CBA165, #4C9780, #31435F)
• Ancient Amber color palette (#FFF0FA, #A7B5FF, #A98428, #286A50, #003423)
• Fuchsia Delta color palette (#EBE3FF, #F95BF1, #C87100, #007C3C, #00273F)
• Worn Ember color palette (#FCE1F3, #F94702, #5F8000, #005B6B, #1C0031)
• Frosted Moss color palette (#FBEDF9, #FF8B83, #919D00, #007F89, #2F214F)
• Blush Workshop color palette (#EEDAEF, #FF677E, #988400, #007166, #091554)
• Soft Bronze Lagoon color palette (#ECF7FF, #5CAFDF, #C16317, #006A75, #004047)

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