Amber Harbor color palette — #E3FAFD · #58B29F · #AD8133 · #007765 · #573D0A

Built around Caramel, softened by Teal — the whole palette hums with optimism and balance.

The five colors

• Ivory (#E3FAFD): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#58B29F): A luminous, balanced teal — the color of sea glass.
• Caramel (#AD8133): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007765): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#573D0A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Pine Garden color palette (#E1FCF7, #7FAE73, #BB7558, #417434, #623420)
• Timeworn Loft color palette (#E8F8FF, #39B1C1, #8D8F45, #00737F, #1D4C3B)
• Tempered Pewter color palette (#E2FCF0, #A5AC7E, #77763F, #5C5220, #24443C)
• Quiet Cypress Ridge color palette (#E7FAFA, #68B191, #6A89C3, #007855, #2B416B)
• Quiet Balcony color palette (#E4FAFF, #009D96, #497DBE, #5E722D, #0F3F48)
• Soft Courtyard color palette (#E2F6FA, #68B4A8, #C56B9B, #007569, #42132E)
• Powder Lantern color palette (#E5F9FF, #CCDBF0, #84C8E2, #508C82, #31505B)
• Powdered Blush Veranda color palette (#EEFAE8, #7FC8B9, #E083A9, #009582, #603145)

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