Tempered Olive color palette — #FFDDD1 · #B1AA69 · #617939 · #623A47 · #1E0929
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDDD1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#B1AA69): A luminous, balanced green — the color of fresh herbs.
- Olive (#617939): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#623A47): A full-bodied, dusty rose — the color of a warm blush.
- Deep Indigo (#1E0929): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Hushed Cypress color palette (#FBE8CD, #99AF71, #157C73, #63344C, #330420)
- Aged Taupe color palette (#FFD9E6, #CE9068, #6D7950, #453361, #180A2A)
- Jade Basin color palette (#FCF6DB, #6DB580, #006F67, #5A254A, #000B02)
- Wandering Petrol color palette (#E9E1D0, #A2AF74, #5F966B, #4663B1, #331A58)
- Bronze Field color palette (#FFE8E9, #9B7727, #31683E, #541F48, #3D131D)
- Moss Field color palette (#F2E3C7, #A79200, #5A6C00, #004725, #00110B)
- Linen Veranda color palette (#FCEFD5, #737E35, #056734, #1B2D50, #1A0D2E)
- Lagoon Workshop color palette (#FFF3E9, #C4CB8D, #00A595, #904052, #4B1824)
Browse the whole catalog at Explore, or see today's palette.