Gentle Pier color palette — #F0F5FF · #A4B8F8 · #BE7262 · #006E3E · #122B4E

Pine and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A4B8F8): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#BE7262): A luminous, balanced orange — the color of toasted spice.
• Pine (#006E3E): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#122B4E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Aged Fern color palette (#EDF7FF, #88C3EB, #B66F9A, #586300, #002F47)
• Hushed Amber color palette (#F4F4FF, #D1A8EA, #AB832C, #006778, #1C2655)
• Timeworn Lantern color palette (#F9F2FD, #F1BACD, #C38B6D, #007C71, #472C50)
• Timeworn Mallow color palette (#FFF1F1, #FB9AD1, #E1826A, #98772E, #3A3155)
• Gentle Ridge color palette (#F3F4FF, #AF78FA, #AE4600, #004C35, #13003D)
• Powdered Olive color palette (#F9F2FF, #D68BB0, #82790F, #005269, #370024)
• Lagoon Market color palette (#F0F5FF, #E7D3E8, #BFAAC5, #5F8E93, #36576B)
• Fuchsia Archive color palette (#F7F3FF, #F07EDD, #8E7F00, #005976, #2B0059)

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