Sunlit Courtyard color palette — #FFF1F6 · #FFA398 · #C27100 · #5B4F00 · #0C1800
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Melon (#FFA398): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#C27100): A luminous, balanced gold — the color of old brass.
- Deep Olive (#5B4F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0C1800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Sunlit 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
- Rust Dune color palette (#FFF0FD, #FF9BB0, #D64500, #5F4000, #141600)
- Powdered Apricot color palette (#FFF1F0, #FFAE6C, #9B8000, #345600, #001D11)
- Pale Amber Summit color palette (#FFEAE6, #FF9C63, #D58400, #916A00, #2C2800)
- Aged Grove color palette (#FFE4E8, #C25200, #553F00, #0C0F00, #000201)
- Wandering Ember Garden color palette (#F1DCD8, #EC6101, #854C00, #453200, #171500)
- Sunlit Villa color palette (#FFF2F0, #FFCDA9, #B69400, #2F6800, #003523)
- Blush Bloom color palette (#FFF6D0, #FF798B, #8C6E00, #004686, #2F0B00)
- Amber Alley color palette (#EDDBD0, #B79700, #516B00, #003623, #000809)
Browse the whole catalog at Explore, or see today's palette.