Fern Quarry color palette — #E5F2EE · #BED1CD · #86A8A6 · #406000 · #1C332E

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

The five colors

• Cream (#E5F2EE): a clean, paper-quiet neutral.
• Oat (#BED1CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#86A8A6): A luminous, dusty teal — the color of glacier melt.
• Olive (#406000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#1C332E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Fern Garden color palette (#EDF8F6, #CCDCE2, #9DBABA, #4C6E45, #2C3F3C)
• Worn Forest Drift color palette (#E0ECEA, #ADBDBD, #739599, #005325, #032523)
• Softworn Hollow color palette (#D0ECE1, #7D9656, #3A6127, #3C4205, #202F01)
• Aged Field color palette (#DBE4E8, #889EA8, #607480, #003236, #000B11)
• Hushed Meadow color palette (#CEECDE, #62A399, #396A79, #304368, #3B2446)
• Hushed Cerulean Field color palette (#EEF7F9, #D5DAE0, #B2AAB3, #598B98, #4B5457)
• Hushed Lagoon color palette (#EFEFE5, #CBD7CA, #A8C3AC, #78A23F, #2F2F20)
• Faded Boulevard color palette (#C2E8DA, #388C37, #005B41, #003752, #002D11)

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