Frosted Workshop color palette — #F8E8BC · #91B06F · #3E8948 · #006943 · #0A505A
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8E8BC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#91B06F): A luminous, balanced green — the color of fresh herbs.
- Fern (#3E8948): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006943): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#0A505A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Frosted Workshop 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
- Quiet Lagoon color palette (#E9EFC5, #76AF87, #008E75, #006163, #1A425F)
- Feathered Fern Terrace color palette (#FFE6C9, #B7A867, #777900, #416500, #274F30)
- Soft Lagoon Study color palette (#EEFBDC, #81C3AD, #058969, #005239, #003A23)
- Quiet Station color palette (#EBE7B5, #ADD97B, #69C07A, #559777, #1A4C53)
- Airy Lilac Dune color palette (#F2F8E5, #6EB08A, #AA6FB9, #007949, #523659)
- Washed Emerald Market color palette (#B6ECE0, #90BE7A, #339530, #0C642E, #003031)
- Antique Emerald color palette (#E8F5D7, #00AE37, #007554, #00534B, #11374D)
- Fern Ridge color palette (#F3F7E8, #C8E7DD, #A0CEEE, #768A4D, #415A1A)
Browse the whole catalog at Explore, or see today's palette.