Oat Veranda color palette — #FBF4EE · #BFE8FC · #DBBADA · #92AA8A · #634A58

A conversation between Carnation and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Frost (#BFE8FC): A whisper-light, dusty blue — the color of open sky before noon.
• Carnation (#DBBADA): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#92AA8A): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#634A58): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Powder Courtyard color palette (#FCF3EB, #BEEEF0, #A2BDF6, #64A6A0, #593F4C)
• Mallow Harbor color palette (#FFF1F1, #FFA8D3, #68D1D5, #7CAEC7, #523C3B)
• Mallow Study color palette (#FFF1F6, #F8BFFF, #E59AB6, #BC8486, #544D49)
• Cocoa Lagoon color palette (#FFF1F1, #D1FFE4, #E2DAD0, #D8AEBE, #7C3C25)
• Worn Cypress color palette (#F7EFF3, #D8D1E5, #809FC6, #007B7D, #2C364B)
• Timeworn Meadow color palette (#FFF2F0, #FFC0D7, #83DAC5, #D691AB, #43533A)
• Fern Boulevard color palette (#FFF3E8, #EBD8A8, #CEAF94, #A98A7E, #544700)
• Cobalt Grove color palette (#F1E6DB, #6CA8D2, #536DC5, #005D5C, #0E0023)

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