Sunlit Meadow color palette — #EFF6FF · #99C0FF · #9BB24B · #4675C1 · #232C00

Sage and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#99C0FF): A luminous, balanced blue — the color of open sky before noon.
• Sage (#9BB24B): A luminous, balanced green — the color of new leaves after rain.
• Azure (#4675C1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#232C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit Meadow 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

• Softworn Indigo color palette (#FAE9F4, #B0B8FF, #D5BA4A, #7274F3, #403500)
• Chalky Cobalt Harbor color palette (#EEF6FF, #93C2FF, #E69049, #2D74CB, #3F1E00)
• Orchid Studio color palette (#F5F3FF, #E4A4EE, #9EB058, #9E53AB, #242C00)
• Pale Nightshade Courtyard color palette (#E0E9FF, #8289D6, #8F7B00, #4746A3, #221C00)
• Turquoise Meadow color palette (#F0F5FF, #E2D8E2, #9EC3BC, #53A7C5, #2E2E4A)
• Seafoam Villa color palette (#F3F4FF, #8BE5C3, #695793, #2C1F46, #020210)
• Tempered Coast color palette (#F1F5FF, #AFAEFF, #8C8900, #417E30, #121934)
• Sunlit Pier color palette (#E7EEFF, #8F93FA, #6A8000, #3D11B8, #060900)

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