Sunlit Field color palette — #FFF2ED · #B4F1F9 · #51C3FD · #26AA6F · #283E6B

A conversation between Kelly Green and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#B4F1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#51C3FD): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#26AA6F): A luminous, balanced teal — the color of sea glass.
• Navy (#283E6B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Hushed Aqua color palette (#FCF3F1, #C5ECDE, #74CCE2, #7FA477, #294B67)
• Softworn Teal color palette (#FDF3EA, #CAE9FF, #96B4FE, #00A6A1, #443568)
• Sky Ridge color palette (#FDF4E6, #BCE9F4, #37C0E5, #00897A, #003A54)
• Pale Pier color palette (#E6EAFF, #A3ADFF, #C8A900, #7AA034, #282B56)
• Turquoise Lagoon color palette (#FFF0FD, #E6D4E2, #BEB9A3, #4FBBDB, #553449)
• Patina Dune color palette (#EEE2D9, #8DC8EF, #6D8EE2, #007D79, #241146)
• Aged Cobalt Chapel color palette (#F6E9E0, #76A8C4, #4471C6, #005E57, #0B0026)
• Wandering Cerulean Balcony color palette (#F7EFF6, #97DEE5, #008EC2, #00663C, #0C224D)

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