Sunlit Amber color palette — #FDE1D3 · #B67D00 · #656400 · #004760 · #0D1D46

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDE1D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#B67D00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#656400): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0D1D46): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

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 Moss color palette (#F2E2CC, #909020, #286D2D, #28416A, #1A1D3D)
• Patina Amber Boulevard color palette (#FFDEDF, #C4673E, #815E23, #004A47, #002332)
• Airy Denim color palette (#FFE7E3, #C0825B, #817930, #3A5791, #2A0839)
• Muted Fern Study color palette (#EEE9CF, #959C6E, #416422, #003F41, #000A0E)
• Navy Basin color palette (#FFE0E3, #9A6126, #474B00, #211B5A, #29002A)
• Bronze Boulevard color palette (#F5E8DD, #A56D00, #6F5500, #383000, #121400)
• Tempered Lapis color palette (#D9FAE4, #8E7500, #564BD5, #534400, #0C003A)
• Mustard Workshop color palette (#FFE1CD, #D2AC33, #809647, #3E6985, #2D355E)

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