Olive Study color palette — #F2F5FD · #DFD8E1 · #BCAEAF · #667936 · #4F535A

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

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#DFD8E1): a clean, paper-quiet neutral.
• Ash (#BCAEAF): a calm mid-gray that lets other colors speak.
• Olive (#667936): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4F535A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Olive Study 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 Oat color palette (#EFF6FC, #DADAE4, #CCC1E8, #BCAEB6, #4D5357)
• Washed Powder color palette (#E3FBF8, #B5D2FF, #C99FBF, #629792, #424758)
• Softworn Taupe color palette (#F0F5FF, #B0C5FF, #CAA169, #679370, #194B49)
• Worn Mallow Basin color palette (#F0F0FF, #D09EF6, #827688, #53535E, #1F2226)
• Denim Bloom color palette (#ECF0FA, #AB9BAB, #987F8B, #60589E, #060813)
• Worn Driftwood Study color palette (#F6F0F3, #DDD5D3, #B5AEA3, #7B7EAC, #3C3338)
• Tempered Alley color palette (#EBE3F1, #CAA7AE, #B68C86, #AA4C7A, #190F1F)
• Hushed Courtyard color palette (#FAF2FC, #F0D2D5, #B9DBBB, #DB7190, #3B2C40)

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