Soft Pier color palette — #F2F8E6 · #9EE8BB · #8FBEF7 · #499D6F · #1E3A59

Built around Fern, softened by Mint — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#9EE8BB): A whisper-light, balanced teal — the color of shallow lagoons.
• Sky (#8FBEF7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#499D6F): A luminous, balanced teal — the color of glacier melt.
• Navy (#1E3A59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Soft Pier 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 Moss Thicket color palette (#F8F6E6, #CADE9A, #6DC9E5, #809447, #003F4E)
• Teal Terrace color palette (#ECFAEB, #A3F7F4, #C8C4FF, #4CABA8, #5C394D)
• Jade Ridge color palette (#F2F8E6, #9EDDB5, #DFA6E7, #25BB74, #55345A)
• Worn Taupe Grove color palette (#F1F8E7, #B6E3E3, #D0C8D1, #84B18D, #3B4734)
• Pale Harbor color palette (#F0FAE0, #63D4A0, #5EB7DB, #A3914F, #262F17)
• Misty Harbor color palette (#F0F9E5, #96E9C5, #E7AE6D, #0FA277, #4F3107)
• Frosted Emerald Villa color palette (#D5F7EA, #009DDD, #3B9021, #005478, #010B00)
• Tempered Wisteria color palette (#E5FCEB, #1FE0F7, #CA8FFF, #008E9E, #401160)

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