Sunlit Loft color palette — #D4E1EA · #00779F · #A90903 · #003F56 · #3A0100

Garnet takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D4E1EA): a clean, paper-quiet neutral.
• Slate (#00779F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#A90903): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#003F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#3A0100): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Pale Pier color palette (#DAECFF, #1F7ED2, #7F2E00, #003A6A, #320D00)
• Airy Mulberry Drift color palette (#D4EEF8, #007C83, #9F0068, #004246, #360020)
• Tempered Cocoa color palette (#C7E9FB, #006385, #813200, #5E2F00, #00141F)
• Rust Market color palette (#CAEEDB, #32C0EC, #D0470A, #007C9D, #340A00)
• Worn Sapphire color palette (#E1ECFC, #245FE5, #844800, #00219E, #2B1400)
• Muted Field color palette (#D5EFE0, #007791, #4A6200, #003D4C, #050900)
• Faded Boulevard color palette (#D1E8FF, #0088E3, #836F00, #00518A, #372D00)
• Washed Amber Ridge color palette (#ECF7FF, #59AAD4, #CA6F05, #006E98, #593646)

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