Sunlit Coast color palette — #FFF2ED · #D5BB00 · #921F21 · #300808 · #030000

Saffron and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Saffron (#D5BB00): A luminous, vivid green — the color of new leaves after rain.
• Garnet (#921F21): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#300808): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Sunlit Coast 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

• Mustard Basin color palette (#FFF3E3, #E5B22D, #694B00, #221600, #020100)
• Sunflower Basin color palette (#FFF2EB, #E6D06F, #914E38, #3B200F, #0A0200)
• Dusty Mustard color palette (#FFF1F3, #BDC42F, #733570, #270B26, #040001)
• Antique Grove color palette (#EFD8D0, #B2C363, #BD5154, #6E3435, #180502)
• Softworn Marigold color palette (#FFEADA, #C09F00, #602B00, #1C251E, #110400)
• Dusty Garnet Cabin color palette (#E8DCE6, #859749, #6F0113, #2B0003, #050004)
• Pale Brick Harbor color palette (#FFF2EB, #FF9D82, #438A00, #AF2E00, #010100)
• Straw Workshop color palette (#FDF3EA, #FFE397, #986C41, #3D3732, #150E06)

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