Amber Pier color palette — #FEF1F6 · #C28A55 · #397898 · #5D4A71 · #493552

Built around Caramel, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Caramel (#C28A55): A luminous, balanced gold — the color of honey in a jar.
• Slate (#397898): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5D4A71): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#493552): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Moss color palette (#EDF8F2, #A39B37, #5A6FA2, #744251, #4D3A54)
• Coral Loft color palette (#FCF1FD, #CF7D85, #327F72, #3C5479, #3B3957)
• Muted Grove color palette (#EDF8F3, #B4B675, #68997E, #187683, #583745)
• Ancient Oat color palette (#FFF0F9, #ADD8C6, #73969A, #6D6A7B, #534953)
• Taupe Dune color palette (#F4F2E6, #94A46D, #3C806B, #005568, #372206)
• Timeworn Market color palette (#D4FADF, #BAC273, #5C8F55, #417055, #2E565C)
• Ultramarine Alley color palette (#E0FEE9, #987A00, #0652B9, #631370, #540032)
• Misty Parlor color palette (#E8F9F7, #3EA04B, #814E7E, #6A334C, #462E49)

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