Sunlit Amber color palette — #FFEDF0 · #F3B494 · #B58B00 · #676E07 · #004A2E

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#FFEDF0): bright and airy, almost weightless.
• Melon (#F3B494): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#B58B00): A luminous, balanced gold — the color of old brass.
• Olive (#676E07): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004A2E): A deep, shadowed, balanced teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Washed Amber color palette (#FFE7F6, #F8A4A9, #C97B3C, #816600, #2F4400)
• Sunlit Moss Harbor color palette (#FFEDE4, #E5BE74, #949C03, #007946, #00443E)
• Tempered Olive color palette (#FFF2F0, #FFD8BF, #C4A157, #666F1A, #053805)
• Chalky Coast color palette (#F9D6D2, #BB6B00, #675400, #143600, #00120C)
• Pale Thicket color palette (#FBDBD6, #E69A00, #858000, #146509, #002E27)
• Feathered Moss color palette (#E8FBE8, #EB9985, #8A8C37, #565E97, #4F343F)
• Bronze Quarry color palette (#FFE7DA, #926E00, #335100, #00291C, #000303)
• Moss Boulevard color palette (#E7DDD0, #9CAE0B, #008937, #005A56, #002B36)

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