Pale Fern color palette — #F8EEF8 · #B15661 · #326200 · #003974 · #4F0B2E

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

The five colors

• Blush (#F8EEF8): a clean, paper-quiet neutral.
• Brick (#B15661): A full-bodied, balanced red — the color of late-summer berries.
• Olive (#326200): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003974): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#4F0B2E): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Pale 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

• Hazy Aubergine Ridge color palette (#FDECFA, #B8534B, #006535, #341895, #550709)
• Pewter Market color palette (#F3EFFF, #976096, #5C5600, #003E61, #371954)
• Feathered Corridor color palette (#FDEDF2, #A4671C, #2D6308, #004440, #451244)
• Aubergine Chapel color palette (#FFF1F8, #BB754C, #00736A, #652B71, #532640)
• Quiet Garnet Boulevard color palette (#D3E7DB, #786900, #004D6C, #5A0021, #281E00)
• Muted Forest Meadow color palette (#F6EDD9, #917A00, #00681B, #003C3C, #260A00)
• Pale Aubergine color palette (#E7F7E9, #996E00, #005E70, #511675, #431249)
• Navy Lagoon color palette (#ECDAEB, #9A272F, #02430B, #0E0067, #2A0004)

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