Amber Harbor color palette — #FFF3E9 · #C27137 · #0087AF · #246EA5 · #3D3732

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Caramel (#C27137): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#0087AF): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#246EA5): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3D3732): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Misty Cobalt color palette (#FFF3E4, #B27D10, #2F7DCD, #6B5C9F, #3C3731)
• Airy Rose Bloom color palette (#FFF2EE, #C9656E, #008E88, #107391, #4C3028)
• Chalky Grape color palette (#F6E3D5, #A85A00, #006D94, #7200B3, #3A1B00)
• Gentle Amber Alley color palette (#FFECF3, #CE7300, #6E8B3B, #94546E, #2E1520)
• Sunlit Indigo Cabin color palette (#F1EEC0, #8B8300, #5E53F2, #7B3BAA, #363200)
• Faded Drift color palette (#FFF3E7, #E0903A, #80A753, #B07086, #3C3732)
• Weathered Bronze Dune color palette (#FFF2EA, #C1A17E, #9A6347, #724242, #403D36)
• Ancient Stone color palette (#FFF2EA, #DEE1C8, #B1CF8D, #9D696C, #704500)

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