Oat Pier color palette — #ECF8F5 · #B7D89D · #5BA6BB · #745F90 · #552A24

A conversation between Pistachio and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Pistachio (#B7D89D): A whisper-light, balanced green — the color of new leaves after rain.
• Cyan (#5BA6BB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#745F90): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#552A24): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Oat Pier 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

• Aged Seafoam color palette (#ECF8F8, #A0DBBF, #7F9CC2, #885B72, #244028)
• Weathered Sand color palette (#EDF9EF, #E5C88C, #63AA92, #516D91, #3F3051)
• Wandering Villa color palette (#E2FBFE, #45BDA3, #5773B7, #742D4C, #251900)
• Washed Driftwood Thicket color palette (#EFF8F0, #DEC491, #5DBBBA, #BF6972, #2C4B33)
• Dusty Summit color palette (#E4FBF5, #C5E5F5, #A6C4CD, #85859F, #5A5161)
• Linen Byzantium Lantern color palette (#EAF8FF, #00ABCF, #9738B2, #623000, #001808)
• Sunlit Terracotta color palette (#E6F9FF, #67CED1, #8781C0, #8F3F45, #2E2D00)
• Muted Petrol color palette (#F6F6EA, #81A563, #007D9B, #624771, #48413C)

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