Sunlit Courtyard color palette — #EFF2E1 · #76C68E · #009A91 · #006279 · #002E6B

Navy and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF2E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#76C68E): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009A91): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006279): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002E6B): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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

• Lagoon Thicket color palette (#EDE09A, #96BC6B, #009778, #00626A, #003153)
• Ancient Petrol color palette (#F0F1C4, #81D5BA, #00A5B3, #0F67A1, #323475)
• Misty Lagoon Chapel color palette (#E3FFD6, #8AE2BC, #009E93, #005D6D, #00243A)
• Jade Meadow color palette (#DFE4D6, #00AD7C, #006F73, #003C59, #0B004B)
• Weathered Navy Balcony color palette (#E0F2E4, #009086, #005E71, #002C62, #0E002C)
• Quiet Pier color palette (#9AFCDF, #6DDAC7, #00B5B1, #008791, #003B45)
• Misty Jade color palette (#FFE9E3, #67B862, #0085A0, #8B3341, #28351B)
• Feathered Nightshade color palette (#A8F2D3, #4EC5C4, #008CC5, #354EA6, #431665)

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