Olive Courtyard color palette — #FFF1F6 · #BAB180 · #5B8040 · #2E626F · #30493B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#BAB180): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#5B8040): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#2E626F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#30493B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Weathered Lagoon color palette (#EBF9F2, #96BA9A, #008678, #435D73, #2C4946)
• Patina Corridor color palette (#FEF1F6, #A49C6A, #457029, #4C4569, #1F3D2D)
• Stone Chapel color palette (#EBFAEF, #C4CB89, #7F9969, #54797A, #2F493F)
• Muted Fern Drift color palette (#F9F1E1, #B3B887, #637F49, #485E1C, #2B2717)
• Ancient Mallow color palette (#ECF7FF, #DCD8E4, #EEB0D2, #49867F, #455160)
• Linen Moss color palette (#DBF3DF, #82A00E, #006C3F, #004B5B, #283300)
• Dusty Cobalt color palette (#FBF3F6, #C7E0F4, #7288C3, #00716E, #424660)
• Chalky Amber Dune color palette (#EDF7FF, #4EA9E1, #BD7800, #006D9F, #583C19)

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