Ancient Pier color palette — #F5F1EB · #C1E5DC · #6E8CCA · #006884 · #25284C

Slate Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C1E5DC): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6E8CCA): A luminous, balanced violet — the color of wild irises.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#25284C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ancient 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 Cypress color palette (#F6F1EA, #C6E5D2, #5B96B4, #006D6A, #00352B)
• Iris Grove color palette (#F2F7F1, #C3E0FC, #7885C6, #146F73, #44455F)
• Navy Station color palette (#E1F0E7, #76B5DA, #3383C8, #1C4B9F, #1C2750)
• Patina Denim Garden color palette (#E9E4DC, #6FA6B5, #006083, #003938, #000B1A)
• Dusty Cypress color palette (#F5F1EB, #C7E3E1, #76A996, #007A7D, #402F42)
• Aged Parlor color palette (#FBEDFA, #EFCFD0, #D7AFE3, #488BB6, #422F3D)
• Worn Station color palette (#F8F1E5, #73CBDB, #007DA0, #00524C, #001C2F)
• Feathered Ultramarine color palette (#F9EEF9, #77A7DF, #B58326, #0064BA, #362300)

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