Oat Pier color palette — #FFF2EF · #B2DFA8 · #67BCD2 · #AF7B85 · #464942

Pistachio and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Pistachio (#B2DFA8): A whisper-light, balanced green — the color of a quiet forest floor.
• Cyan (#67BCD2): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#AF7B85): A luminous, dusty red — the color of embers at dusk.
• Charcoal (#464942): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, light, 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

• Patina Periwinkle color palette (#FFF3E7, #9AE0D3, #84B0EF, #A88364, #394D3F)
• Hushed Seafoam color palette (#FFF4E2, #A2F1CA, #6BAFB4, #91656A, #384331)
• Wandering Mint Chapel color palette (#FFF2EC, #E6CE94, #70C29E, #9F7FA4, #544800)
• Muted Cocoa color palette (#F9F6E0, #C7E1D2, #A1C7CC, #A8968A, #763F10)
• Timeworn Canyon color palette (#EDF5E9, #57CEB8, #628574, #50574C, #22221C)
• Misty Mint color palette (#FFF2EC, #00E39A, #22B1F8, #B44E41, #003F3C)
• Tempered Basin color palette (#FAF3F0, #C1E2EC, #A0CDF0, #78B099, #5E4C5A)
• Powdered Lapis Basin color palette (#F5E9D1, #009AA9, #5E42E4, #554600, #000D17)

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