Mustard Ridge color palette — #FFF3E8 · #BBA101 · #778000 · #3C6A3B · #255659
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Gold (#BBA101): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#778000): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#3C6A3B): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#255659): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Mustard Ridge 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 Loft color palette (#FFDECD, #E19B3C, #877400, #4D6528, #315134)
- Gentle Ridge color palette (#F1DDA3, #AEB235, #5D9039, #236A44, #124B55)
- Pale Olive Garden color palette (#F4F1DD, #AEAD61, #78831B, #435300, #23330F)
- Quiet Dune color palette (#DEFDF5, #82B056, #8B7AD0, #517131, #433C62)
- Tempered Stone Archive color palette (#DCFFEA, #ABC478, #5F9663, #307166, #3E5368)
- Bronze Drift color palette (#FFF0F8, #BFA27A, #95654E, #6F4348, #2D4338)
- Sunlit Moss color palette (#D9FFF2, #7C9500, #9862A9, #8B4C6C, #223E36)
- Patina Powder Atelier color palette (#E2FCF2, #BCE8E7, #93C7DA, #668063, #3C5852)
Browse the whole catalog at Explore, or see today's palette.