Oat Pier color palette — #EFF8F0 · #ADDEC8 · #78A69D · #767D90 · #41524A

Mint and Blue Fog set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Mint (#ADDEC8): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#78A69D): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#767D90): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#41524A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Lagoon Orchard color palette (#FBF2F6, #AFC8B8, #5A8D81, #656379, #415247)
• Muted Ash Canyon color palette (#F5F4FF, #E5D7DF, #A7CFDE, #8F9BBE, #54505E)
• Washed Mallow Orchard color palette (#F5F3FF, #E3ADF1, #9BBE7F, #A07EA9, #33554D)
• Mallow Market color palette (#F5F3FF, #D398E0, #8DB276, #559C92, #424052)
• Antique Hollow color palette (#E5FCEE, #A0CB6F, #429A68, #725D8E, #1A433A)
• Dusty Atelier color palette (#FAF4EF, #EBDCC2, #AEBD8D, #B98C98, #654700)
• Washed Boulevard color palette (#D2ECE0, #77B86F, #008665, #644A6F, #00312C)
• Petal Terrace color palette (#F6F3FF, #F4BFF1, #BE8FBB, #875C7C, #3A314D)

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