Tempered Olive color palette — #FBECCC · #7A7600 · #275300 · #002A1B · #000404

Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Custard (#FBECCC): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#7A7600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#275300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002A1B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000404): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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

• Weathered Pier color palette (#EFF2E1, #188734, #00543E, #002B2E, #00060A)
• Muted Bronze color palette (#FCE4DC, #A65D00, #554300, #222900, #000600)
• Onyx Market color palette (#F4DFCF, #706400, #004A2D, #3A0033, #020400)
• Tempered Fern Veranda color palette (#F1EEE2, #A5A694, #808A75, #494800, #0D0900)
• Onyx Lagoon color palette (#EDE3D1, #6E7A47, #115D4F, #530341, #2E0600)
• Dusty Olive Delta color palette (#E7E7CF, #B88300, #6F8B00, #006C66, #000401)
• Weathered Coast color palette (#D7E2D7, #009A81, #005E62, #003042, #000A24)
• Quiet Pine color palette (#F0F0E2, #7EAD64, #008752, #00564E, #002B35)

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