Gentle Navy Pier color palette — #FBF1FF · #D26C8E · #676800 · #192195 · #20000C

A conversation between Indigo and Rose, giving this palette its sense of nature and growth.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Rose (#D26C8E): A luminous, balanced red — the color of embers at dusk.
• Olive (#676800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#192195): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#20000C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Gentle Peony color palette (#F9F2FF, #CE6B9E, #885700, #003C60, #1F0011)
• Pale Aubergine color palette (#FFF0FB, #E5634D, #287818, #460086, #200100)
• Pale Blush color palette (#FDF0FF, #DD6480, #00736C, #00327E, #000A27)
• Quiet Meadow color palette (#FFECFB, #C54D41, #345900, #2E0060, #060000)
• Hazy Navy Canyon color palette (#EBFAE9, #C88305, #0061B6, #052594, #10002E)
• Hazy Forest color palette (#FADDE9, #9D5600, #0B560B, #002C3A, #130022)
• Tempered Harbor color palette (#FBD9CA, #C40D01, #00524E, #1C1C74, #280343)
• Hushed Ember Coast color palette (#FFF0F9, #E16A38, #006F87, #6B0033, #20000B)

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