Weathered Courtyard color palette — #F4F7EB · #89C59A · #0087D2 · #008846 · #001E17

Cerulean takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Mint Leaf (#89C59A): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0087D2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008846): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001E17): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Indigo Studio color palette (#F2F7EF, #72C8AB, #7273D5, #008667, #260F1F)
• Cobalt Lantern color palette (#E7FAF8, #86E9A5, #0592DC, #318A53, #00060F)
• Patina Olive color palette (#F8F5EC, #BBB968, #00948B, #7A7600, #0D1D0A)
• Quiet Basin color palette (#FFEADA, #59B59C, #0082AE, #834000, #003838)
• Frosted Amethyst color palette (#E9F6EA, #00C2C8, #7B50F1, #00787C, #12082F)
• Seafoam Veranda color palette (#F0F8EA, #00EBC1, #00B8C5, #00AF8F, #091D0E)
• Weathered Corridor color palette (#EEF5E4, #42AC7A, #7260BD, #774000, #2F2D00)
• Teal Summit color palette (#E9F9FB, #4BAD9A, #00697D, #005D50, #031B26)

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