Tempered Fern color palette — #EBF5EE · #5A99A8 · #776416 · #2E5C15 · #131D0E

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

The five colors

• Cream (#EBF5EE): a clean, paper-quiet neutral.
• Storm Blue (#5A99A8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#776416): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2E5C15): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#131D0E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Olive Studio color palette (#F6EFF7, #6485B0, #517536, #005644, #0B1C13)
• Chestnut Market color palette (#EFF4E8, #579D80, #945338, #654C00, #1E1E0E)
• Spruce Balcony color palette (#E1F9EB, #007D9E, #5F5600, #0D4502, #001010)
• Fern Loft color palette (#FAEFED, #BE8C98, #9A633E, #534E00, #232B07)
• Bronze Bloom color palette (#F0F6FE, #6E8CBD, #A6541F, #276140, #2E3845)
• Muted Olive Atelier color palette (#FEF2F4, #C7A5D3, #BC7F7D, #5E7739, #2C1E2C)
• Dusty Bloom color palette (#ECF8FB, #DD89A0, #A57827, #697538, #203737)
• Denim Delta color palette (#CCE8DE, #006599, #404C00, #002C18, #000506)

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