Apricot Pier color palette — #FDF1F9 · #FB9F86 · #009AB3 · #6A4C87 · #332144

A conversation between Melon and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Melon (#FB9F86): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#009AB3): A luminous, balanced blue — the color of open sky before noon.
• Graphite (#6A4C87): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#332144): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Muted Cerulean Chapel color palette (#FEF1F9, #F6A383, #0099BA, #8E3D50, #38213D)
• Pale Villa color palette (#F8F2FF, #F69AD4, #509D4A, #654B92, #2F2445)
• Dusty Loft color palette (#FFF3E3, #ECB34C, #68B28D, #5082A9, #492B4A)
• Worn Powder Bloom color palette (#FCF2F5, #D9D4DE, #A2B7FF, #2C9393, #3A3D56)
• Muted Amber color palette (#FFF2E9, #BA754D, #0C745B, #483E75, #4C2751)
• Sunlit Canyon color palette (#EBFAEA, #EA9E07, #0083CA, #980B27, #46000B)
• Gentle Coral Workshop color palette (#FFF0FC, #FF5753, #007C6F, #70005A, #2A000E)
• Hushed Grove color palette (#FEF0FF, #D8FBDC, #8BBCB7, #7D7594, #504B5F)

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