Fern Veranda color palette — #FBF2FC · #B2F4EF · #00A2C3 · #206E1F · #00203A

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Sea Foam (#B2F4EF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#206E1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Azure Chapel color palette (#FDF1F8, #C9EBFF, #2E95F2, #006C58, #181840)
• Sky Courtyard color palette (#F9F3F8, #CCDAF2, #08B6EC, #35804F, #182F4B)
• Softworn Cobalt Meadow color palette (#FEF1FA, #96D8E6, #0082C0, #00543A, #030530)
• Washed Coast color palette (#F6ECE7, #83BEBA, #007586, #00532B, #003248)
• Patina Pier color palette (#EEE1EB, #6CAEB8, #005B83, #002D1A, #00000C)
• Chalky Lantern color palette (#F8EAF0, #79C1E7, #0157E5, #003E39, #030011)
• Pine Boulevard color palette (#DFFFE2, #8FDD8C, #008B4D, #064107, #000401)
• Wandering Lantern color palette (#D8FFF4, #BAE5E6, #A8CDFF, #98720B, #002627)

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