Patina Pier color palette — #FBF2FB · #9BD9D9 · #0087AA · #005620 · #000C21

Built around Deep Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Ice Blue (#9BD9D9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0087AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005620): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000C21): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Cobalt Delta color palette (#FEF1F8, #A8D2EE, #437AC8, #005249, #0D0030)
• Dusty Petrol color palette (#F7EAF2, #87C1D2, #006CAC, #003F2F, #010014)
• Azure Loft color palette (#FCF1F9, #C5EDFF, #349ADB, #006D4E, #101945)
• Hushed Coast color palette (#D4E6D8, #3EAFAF, #006470, #003B2C, #000D13)
• Patina Cerulean color palette (#E9E1D4, #7AD1D0, #00A4B8, #008063, #00232F)
• Patina Basin color palette (#FFD3E6, #B75F00, #007D64, #00625D, #040100)
• Tempered Boulevard color palette (#FAF2F7, #D7D4E0, #7EA9DD, #00816E, #29294F)
• Pale Studio color palette (#FEE6F6, #D87050, #008E7A, #892600, #000A07)

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