Quiet Olive color palette — #FFF3E8 · #CC7300 · #377C00 · #005145 · #000407

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#CC7300): A luminous, balanced gold — the color of honey in a jar.
• Olive (#377C00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000407): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Quiet Olive 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

• Timeworn Amber color palette (#FFF3E9, #E67800, #796C00, #004E17, #001716)
• Muted Bronze Ridge color palette (#FFF4DC, #8F7C00, #007059, #003D48, #060006)
• Sunlit Marigold color palette (#FFF4E2, #C69C00, #008E65, #00585E, #1C091E)
• Washed Workshop color palette (#FFF2EC, #F7271F, #6C6600, #004718, #000A0A)
• Soft Field color palette (#F8F6E3, #839E1D, #007878, #00486C, #190813)
• Muted Coral color palette (#FFF3E6, #FF7D6F, #B35300, #3E4D00, #320700)
• Feathered Orchid Workshop color palette (#FFF1F5, #AC50FF, #007368, #00495E, #010018)
• Gentle Chestnut Meadow color palette (#FFEAD3, #8E4900, #533C00, #003617, #27052E)

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