Coral Courtyard color palette — #FFF0FA · #DE7457 · #7E8300 · #277448 · #1B3138

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#DE7457): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#7E8300): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#277448): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#1B3138): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Coral Courtyard 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

• Powdered Villa color palette (#FBF1FD, #D76B86, #976C00, #556B23, #113234)
• Washed Workshop color palette (#FFF1F6, #EA969F, #CA644C, #6B6607, #4A3549)
• Gentle Ember Delta color palette (#FCF1FB, #EB8F93, #C16951, #186A53, #20182E)
• Pale Grove color palette (#EBFAEE, #BE991B, #008A6A, #006F79, #1B2A3B)
• Olive Veranda color palette (#DCF1E6, #7B7600, #007466, #004658, #08152B)
• Mallow Lagoon color palette (#FFF1F2, #DC90D2, #A6A246, #189088, #3A2536)
• Misty Coast color palette (#F8F2FF, #BA4A9A, #3D6324, #004C36, #202D3D)
• Washed Iris Villa color palette (#F1F5FF, #8885D6, #008A63, #00707A, #202E3D)

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