Tempered Fern color palette — #D2F8F1 · #6B9D58 · #0082B7 · #2B6708 · #003A55
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D2F8F1): A whisper-light, dusty teal — the color of sea glass.
- Moss (#6B9D58): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#0082B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#2B6708): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#003A55): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Moss Thicket color palette (#E0F4EA, #95931B, #008995, #5C5A00, #003D43)
- Feathered Pine color palette (#C1F0EA, #348F3C, #007A8A, #785300, #00332F)
- Misty Olive Basin color palette (#C7E3F3, #008CAD, #5B7600, #005165, #222E00)
- Sunlit Hollow color palette (#D6F5FC, #00A39B, #716DBE, #00645F, #312E5C)
- Lagoon Lantern color palette (#B4F5DF, #009B7D, #946600, #005C49, #3F2900)
- Olive Market color palette (#DBFEFA, #ACEACD, #63BBAC, #52783E, #214746)
- Feathered Coast color palette (#DFFFE3, #73B981, #22793A, #00431C, #00280D)
- Softworn Pine color palette (#DEFCFB, #73B086, #B77949, #1B7845, #5B3A20)
Browse the whole catalog at Explore, or see today's palette.