Sunlit Amber color palette — #FFF1F7 · #E4873C · #007755 · #824200 · #002224

Tangerine and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Tangerine (#E4873C): A luminous, balanced gold — the color of old brass.
• Pine (#007755): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#824200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Sunlit Amber 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 Amber Bloom color palette (#FFF1F5, #D98F38, #006F8E, #7B4800, #012030)
• Terracotta Veranda color palette (#FFF0FC, #EF7A69, #007753, #A30902, #002417)
• Softworn Pine Basin color palette (#F8F0E7, #E09604, #1C810F, #7C5100, #010D00)
• Amber Chapel color palette (#F7E6EC, #C47000, #005967, #613500, #001018)
• Linen Amber Workshop color palette (#FFF0F8, #B58100, #007342, #562F78, #393801)
• Marigold Hollow color palette (#FFDDCF, #C79D1B, #607700, #00583A, #00403F)
• Emerald Lantern color palette (#EDF9ED, #E5B066, #31A100, #A16B00, #082403)
• Olive Bloom color palette (#EFF7F5, #B5C991, #7676B2, #607730, #292D3A)

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