Sky Pier color palette — #F8F8D0 · #17B5F6 · #9F6AC3 · #386100 · #1F345C

Cyan and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F8D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#17B5F6): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#9F6AC3): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#386100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1F345C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Timeworn Periwinkle Balcony color palette (#E8F4D5, #65A6E9, #966296, #006641, #2A2C4E)
• Gentle Orchid Hollow color palette (#DBFEF5, #71CAFF, #AC5CD5, #426400, #17264A)
• Feathered Indigo Quarry color palette (#FFF4DF, #00BCD3, #786BD5, #6F5800, #053A55)
• Sunlit Grove color palette (#F0F9E1, #9CADF1, #B46B90, #007467, #51323F)
• Antique Garden color palette (#DEFFE5, #6D85E1, #8134AB, #5B4000, #332D5D)
• Crimson Station color palette (#E5FCEC, #00AEC8, #CB395C, #00654C, #003A2B)
• Linen Pier color palette (#FFF2ED, #9EEAF0, #3DA8D5, #24864F, #1C3F72)
• Aged Boulevard color palette (#FFF4E2, #A9BDFF, #C76EFC, #9E7100, #333055)

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